fix timeline settings

Author: totegamma

app/src/components/TimelineSettings.tsx

@@ -32,6 +32,7 @@ interface InnerProps {
 }
 
 const Inner = (props: InnerProps) => {
+    const { client } = useClient()
     const { getImageURL } = useMediaProxy()
     const timeline = use(props.timelinePromise)
 
@@ -41,6 +42,8 @@ const Inner = (props: InnerProps) => {
         return <>Timeline not found.</>
     }
 
+    const isMe = client.ccid === timeline.author
+
     return (
         <div
             style={{
@@ -87,16 +90,18 @@ const Inner = (props: InnerProps) => {
                 >
                     <Text>Subscriptions</Text>
                 </Tab>
-                <Tab
-                    selected={tab === 'settings'}
-                    onClick={() => setTab('settings')}
-                    groupId="timeline-settings"
-                    style={{
-                        color: CssVar.contentText
-                    }}
-                >
-                    <Text>Settings</Text>
-                </Tab>
+                {isMe && (
+                    <Tab
+                        selected={tab === 'settings'}
+                        onClick={() => setTab('settings')}
+                        groupId="timeline-settings"
+                        style={{
+                            color: CssVar.contentText
+                        }}
+                    >
+                        <Text>Settings</Text>
+                    </Tab>
+                )}
             </Tabs>
             <div
                 style={{

web/src/components/TimelineSettings.tsx

@@ -32,6 +32,7 @@ interface InnerProps {
 }
 
 const Inner = (props: InnerProps) => {
+    const { client } = useClient()
     const { getImageURL } = useMediaProxy()
     const timeline = use(props.timelinePromise)
 
@@ -41,6 +42,8 @@ const Inner = (props: InnerProps) => {
         return <>Timeline not found.</>
     }
 
+    const isMe = client.ccid === timeline.author
+
     return (
         <div
             style={{
@@ -87,16 +90,18 @@ const Inner = (props: InnerProps) => {
                 >
                     <Text>Subscriptions</Text>
                 </Tab>
-                <Tab
-                    selected={tab === 'settings'}
-                    onClick={() => setTab('settings')}
-                    groupId="timeline-settings"
-                    style={{
-                        color: CssVar.contentText
-                    }}
-                >
-                    <Text>Settings</Text>
-                </Tab>
+                {isMe && (
+                    <Tab
+                        selected={tab === 'settings'}
+                        onClick={() => setTab('settings')}
+                        groupId="timeline-settings"
+                        style={{
+                            color: CssVar.contentText
+                        }}
+                    >
+                        <Text>Settings</Text>
+                    </Tab>
+                )}
             </Tabs>
             <div
                 style={{