fix: visibility has two states

src/screens/feed/add-snap.tsx

@@ -1,32 +1,13 @@
-import { zodResolver } from '@hookform/resolvers/zod';
 import * as React from 'react';
-import { useForm } from 'react-hook-form';
-import { showMessage } from 'react-native-flash-message';
-import { z } from 'zod';
 import { Compose } from './compose';
 
-import { useAddSnap } from '@/api';
 import { getUserState } from '@/core';
-import { Button, ControlledInput, showErrorMessage, View } from '@/ui';
+import { View } from '@/ui';
 
 export const AddSnap = () => {
   const userData = getUserState();
   return (
-    <View className=" ">
-      {/* <ControlledInput
-        name="content"
-        label="Content"
-        control={control}
-        multiline
-        testID="body-input"
-      />
-      <Button
-        label="Add Snap"
-        loading={isLoading}
-        onPress={handleSubmit(onSubmit)}
-        testID="add-post-button"
-      /> */}
-
+    <View>
       <Compose user={userData}></Compose>
     </View>
   );

src/screens/feed/snap-visibility-menu.tsx

@@ -14,7 +14,7 @@ const DropdownMenu = ({
   handleMenuSelection,
 }: DropdownMenuProps) => {
   const [isOpen, setIsOpen] = useState(false);
-  const options: string[] = ['Everyone can reply', 'Only followers', 'No one'];
+  const options: string[] = ['Everyone can reply', 'Only me'];
 
   const handleOptionClick = (option: string) => {
     handleMenuSelection(option);
@@ -40,7 +40,9 @@ const DropdownMenu = ({
               key={index}
               onPress={() => handleOptionClick(option)}
             >
-              <Text>{option}</Text>
+              <Text className="inline rounded-full bg-blue-100 px-4 py-3">
+                {option}
+              </Text>
             </TouchableOpacity>
           ))}
         </View>