From 2e32d1dad64b0b45c9d24a98c6d93496ccd63d9d Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 2 Dec 2024 17:17:50 -0600
Subject: [PATCH] Clean up Slot API

---
 src/components/Layout/Header/index.tsx     | 19 ++++++++-----------
 src/screens/Settings/ThreadPreferences.tsx |  1 -
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/Layout/Header/index.tsx b/src/components/Layout/Header/index.tsx
index 1cab3605d2..7fd2bb1210 100644
--- a/src/components/Layout/Header/index.tsx
+++ b/src/components/Layout/Header/index.tsx
@@ -7,13 +7,7 @@ import {useNavigation} from '@react-navigation/native'
 import {NavigationProp} from '#/lib/routes/types'
 import {isIOS} from '#/platform/detection'
 import {useSetDrawerOpen} from '#/state/shell'
-import {
-  atoms as a,
-  useBreakpoints,
-  useGutterStyles,
-  useTheme,
-  ViewStyleProp,
-} from '#/alf'
+import {atoms as a, useBreakpoints, useGutterStyles, useTheme} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import {ArrowLeft_Stroke2_Corner0_Rounded as ArrowLeft} from '#/components/icons/Arrow'
 import {Menu_Stroke2_Corner0_Rounded as Menu} from '#/components/icons/Menu'
@@ -63,8 +57,11 @@ export function Content({children}: {children: React.ReactNode}) {
 
 export function Slot({
   children,
-  style,
-}: {children?: React.ReactNode} & ViewStyleProp) {
+  position = 'left',
+}: {
+  children?: React.ReactNode
+  position?: 'left' | 'right'
+}) {
   return (
     <View
       style={[
@@ -73,9 +70,9 @@ export function Slot({
         a.z_50,
         {
           width: BUTTON_SIZE,
-          right: 'auto',
+          right: position === 'left' ? 'auto' : 0,
+          left: position === 'right' ? 'auto' : 0,
         },
-        style,
       ]}>
       {children}
     </View>
diff --git a/src/screens/Settings/ThreadPreferences.tsx b/src/screens/Settings/ThreadPreferences.tsx
index de0b270747..cf720f9749 100644
--- a/src/screens/Settings/ThreadPreferences.tsx
+++ b/src/screens/Settings/ThreadPreferences.tsx
@@ -46,7 +46,6 @@ export function ThreadPreferencesScreen({}: Props) {
               <Trans>Thread Preferences</Trans>
             </Layout.Header.TitleText>
           </Layout.Header.Content>
-          <Layout.Header.Slot />
         </Layout.Header.Outer>
 
         <SettingsList.Container>