5 files changed, 68 insertions, 19 deletions
diff --git a/src/view/com/modals/LinkActions.tsx b/src/view/com/modals/LinkActions.tsx
index aa185026f..deb1518ec 100644
--- a/src/view/com/modals/LinkActions.tsx
+++ b/src/view/com/modals/LinkActions.tsx
@@ -8,7 +8,15 @@ import {s, colors} from '../../lib/styles'
 
 export const snapPoints = ['30%']
 
-export function Component({title, href}: {title: string; href: string}) {
+export function Component({
+  title,
+  href,
+  newTab,
+}: {
+  title: string
+  href: string
+  newTab: boolean
+}) {
   const store = useStores()
 
   const onPressOpenNewTab = () => {
@@ -28,13 +36,15 @@ export function Component({title, href}: {title: string; href: string}) {
     <View>
       <Text style={[s.textCenter, s.bold, s.mb10, s.f16]}>{title || href}</Text>
       <View style={s.p10}>
-        <TouchableOpacity onPress={onPressOpenNewTab} style={styles.btn}>
-          <FontAwesomeIcon
-            icon="arrow-up-right-from-square"
-            style={styles.icon}
-          />
-          <Text style={[s.f16, s.black]}>Open in new tab</Text>
-        </TouchableOpacity>
+        {newTab ? (
+          <TouchableOpacity onPress={onPressOpenNewTab} style={styles.btn}>
+            <FontAwesomeIcon
+              icon="arrow-up-right-from-square"
+              style={styles.icon}
+            />
+            <Text style={[s.f16, s.black]}>Open in new tab</Text>
+          </TouchableOpacity>
+        ) : undefined}
         <TouchableOpacity onPress={onPressCopy} style={styles.btn}>
           <FontAwesomeIcon icon="link" style={styles.icon} />
           <Text style={[s.f16, s.black]}>Copy to clipboard</Text>
diff --git a/src/view/com/modals/TabsSelector.tsx b/src/view/com/modals/TabsSelector.tsx
index 43940bd7c..075da343f 100644
--- a/src/view/com/modals/TabsSelector.tsx
+++ b/src/view/com/modals/TabsSelector.tsx
@@ -23,6 +23,7 @@ import {useStores} from '../../../state'
 import {s, colors, gradients} from '../../lib/styles'
 import {DEF_AVATER} from '../../lib/assets'
 import {match} from '../../routes'
+import {LinkActionsModel} from '../../../state/models/shell'
 
 const TAB_HEIGHT = 42
 
@@ -56,7 +57,13 @@ export const Component = observer(() => {
   }
   const onPressShareTab = () => {
     onClose()
-    // TODO
+    store.shell.openModal(
+      new LinkActionsModel(
+        store.nav.tab.current.url,
+        store.nav.tab.current.title || 'This Page',
+        {newTab: false},
+      ),
+    )
   }
   const onPressChangeTab = (tabIndex: number) => {
     store.nav.setActiveTab(tabIndex)
diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx
index fab26bd57..cb2c61e7c 100644
--- a/src/view/com/profile/ProfileHeader.tsx
+++ b/src/view/com/profile/ProfileHeader.tsx
@@ -86,14 +86,16 @@ export const ProfileHeader = observer(function ProfileHeader({
         <View style={[styles.displayNameLine]}>
           <Text style={styles.displayName}>{view.displayName}</Text>
         </View>
-        <View style={styles.badgesLine}>
+        {
+          undefined /*TODO<View style={styles.badgesLine}>
           <FontAwesomeIcon icon="shield" style={s.mr5} size={12} />
           <Link href="/" title="Badge TODO">
             <Text style={[s.f12, s.bold]}>
               Employee <Text style={[s.blue3]}>@blueskyweb.xyz</Text>
             </Text>
           </Link>
-        </View>
+        </View>*/
+        }
         <View style={[styles.buttonsLine]}>
           {isMe ? (
             <TouchableOpacity
@@ -119,11 +121,13 @@ export const ProfileHeader = observer(function ProfileHeader({
               </LinearGradient>
             </TouchableOpacity>
           )}
-          <TouchableOpacity
+          {
+            undefined /*TODO<TouchableOpacity
             onPress={onPressMenu}
             style={[styles.btn, styles.secondaryBtn, s.ml10]}>
             <FontAwesomeIcon icon="ellipsis" style={[s.gray5]} />
-          </TouchableOpacity>
+          </TouchableOpacity>*/
+          }
         </View>
         <View style={[s.flexRow]}>
           <TouchableOpacity
diff --git a/src/view/screens/ProfileFollowers.tsx b/src/view/screens/ProfileFollowers.tsx
index aabfb59a4..3d78a88a1 100644
--- a/src/view/screens/ProfileFollowers.tsx
+++ b/src/view/screens/ProfileFollowers.tsx
@@ -1,4 +1,5 @@
 import React, {useEffect} from 'react'
+import {StyleSheet, Text, View} from 'react-native'
 import {ProfileFollowers as ProfileFollowersComponent} from '../com/profile/ProfileFollowers'
 import {ScreenParams} from '../routes'
 import {useStores} from '../../state'
@@ -9,9 +10,22 @@ export const ProfileFollowers = ({visible, params}: ScreenParams) => {
 
   useEffect(() => {
     if (visible) {
-      store.nav.setTitle('Followers of')
+      store.nav.setTitle(`Followers of ${name}`)
     }
-  }, [store, visible])
+  }, [store, visible, name])
 
-  return <ProfileFollowersComponent name={name} />
+  return (
+    <View>
+      <Text style={styles.title}>Followers of {name}</Text>
+      <ProfileFollowersComponent name={name} />
+    </View>
+  )
 }
+
+const styles = StyleSheet.create({
+  title: {
+    fontSize: 21,
+    fontWeight: 'bold',
+    padding: 10,
+  },
+})
diff --git a/src/view/screens/ProfileFollows.tsx b/src/view/screens/ProfileFollows.tsx
index d020fc742..6f5c82478 100644
--- a/src/view/screens/ProfileFollows.tsx
+++ b/src/view/screens/ProfileFollows.tsx
@@ -1,4 +1,5 @@
 import React, {useEffect} from 'react'
+import {StyleSheet, Text, View} from 'react-native'
 import {ProfileFollows as ProfileFollowsComponent} from '../com/profile/ProfileFollows'
 import {ScreenParams} from '../routes'
 import {useStores} from '../../state'
@@ -9,9 +10,22 @@ export const ProfileFollows = ({visible, params}: ScreenParams) => {
 
   useEffect(() => {
     if (visible) {
-      store.nav.setTitle('Followers of')
+      store.nav.setTitle(`Followed by ${name}`)
     }
-  }, [store, visible])
+  }, [store, visible, name])
 
-  return <ProfileFollowsComponent name={name} />
+  return (
+    <View>
+      <Text style={styles.title}>Followed by {name}</Text>
+      <ProfileFollowsComponent name={name} />
+    </View>
+  )
 }
+
+const styles = StyleSheet.create({
+  title: {
+    fontSize: 21,
+    fontWeight: 'bold',
+    padding: 10,
+  },
+})