Add button to clear multi selection

DrawerHeader.tsx

@@ -8,9 +8,11 @@ import useDark from './use-dark'
 export default function DrawerHeader({
   name,
   ids,
+  setIds,
 }: {
   name: keyof DrawerParamList
   ids: number[]
+  setIds: (values: number[]) => void
 }) {
   const navigation = useNavigation<DrawerNavigationProp<DrawerParamList>>()
   const dark = useDark()
@@ -23,7 +25,7 @@ export default function DrawerHeader({
         onPress={navigation.openDrawer}
       />
       <Appbar.Content title={name} />
-      <DrawerMenu name={name} ids={ids} />
+      <DrawerMenu name={name} ids={ids} setIds={setIds} />
     </Appbar.Header>
   )
 }

DrawerMenu.tsx

@@ -11,9 +11,11 @@ import useDark from './use-dark'
 export default function DrawerMenu({
   name,
   ids,
+  setIds,
 }: {
   name: keyof DrawerParamList
   ids: number[]
+  setIds: (values: number[]) => void
 }) {
   const [showMenu, setShowMenu] = useState(false)
   const [showRemove, setShowRemove] = useState(false)
@@ -57,6 +59,11 @@ export default function DrawerMenu({
     setShowMenu(false)
   }, [name, home, plans])
 
+  const clear = useCallback(() => {
+    setShowMenu(false)
+    setIds([])
+  }, [setIds])
+
   if (name === 'Home' || name === 'Plans')
     return (
       <Menu
@@ -74,6 +81,7 @@ export default function DrawerMenu({
         )}
         {ids.length > 0 && (
           <>
+            <Menu.Item icon="clear" title="Clear" onPress={clear} />
             <Menu.Item icon="edit" title="Edit" onPress={edit} />
             <Divider />
           </>

PlanList.tsx

@@ -54,7 +54,7 @@ export default function PlanList() {
 
   return (
     <>
-      <DrawerHeader name="Plans" ids={ids} />
+      <DrawerHeader name="Plans" ids={ids} setIds={setIds} />
       <Page onAdd={onAdd} term={term} search={search}>
         {plans?.length === 0 ? (
           <List.Item

SetList.tsx

@@ -104,7 +104,7 @@ export default function SetList() {
 
   return (
     <>
-      <DrawerHeader name="Home" ids={ids} />
+      <DrawerHeader name="Home" ids={ids} setIds={setIds} />
       <Page onAdd={onAdd} term={term} search={search}>
         {sets?.length === 0 ? (
           <List.Item