Implement a couple missing bits

src/state/models/notifications-view.ts

@@ -331,7 +331,8 @@ function groupNotifications(
     for (const item2 of items2) {
       if (
         item.reason === item2.reason &&
-        item.reasonSubject === item2.reasonSubject
+        item.reasonSubject === item2.reasonSubject &&
+        item.author.did !== item2.author.did
       ) {
         item2.additional = item2.additional || []
         item2.additional.push(item)

src/state/models/shell.ts

@@ -9,11 +9,20 @@ export class TabsSelectorModel {
   }
 }
 
+export interface LinkActionsModelOpts {
+  newTab?: boolean
+}
 export class LinkActionsModel {
   name = 'link-actions'
+  newTab: boolean
 
-  constructor(public href: string, public title: string) {
+  constructor(
+    public href: string,
+    public title: string,
+    opts?: LinkActionsModelOpts,
+  ) {
     makeAutoObservable(this)
+    this.newTab = typeof opts?.newTab === 'boolean' ? opts.newTab : true
   }
 }
 

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}>
+        {newTab ? (
-          <FontAwesomeIcon
+          <TouchableOpacity onPress={onPressOpenNewTab} style={styles.btn}>
-            icon="arrow-up-right-from-square"
+            <FontAwesomeIcon
-            style={styles.icon}
+              icon="arrow-up-right-from-square"
-          />
+              style={styles.icon}
-          <Text style={[s.f16, s.black]}>Open in new tab</Text>
+            />
-        </TouchableOpacity>
+            <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>

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)

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

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,
+  },
+})

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,
+  },
+})

todos.txt

@@ -2,7 +2,6 @@ Paul's todo list
 
 - General
   - Update to RN 0.70
-  - Go through every button and make sure it does what it's supposed to
   - Cache some profile/userinfo lookups
   - Cursor behaviors on all views
 - Onboarding flow
@@ -12,9 +11,8 @@ Paul's todo list
   - Firehose
 - Composer
   - Update the view after creating a post
-  - Mentions
 - Profile
-  - Disable badges for now
+  - Implement update/edit
   - Disable editing avi or banner
   - More button
 - Linking