From c2accf7202d961b1adf71983025843b30c75365d Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Wed, 21 Feb 2024 17:56:37 +1300
Subject: [PATCH] Show delete button when sets are selected

---
 AppStack.tsx     |  2 +-
 DrawerHeader.tsx |  8 +++++-
 ListMenu.tsx     | 69 ++++++++++++++++++++++++++----------------------
 SetList.tsx      |  2 ++
 4 files changed, 47 insertions(+), 34 deletions(-)

diff --git a/AppStack.tsx b/AppStack.tsx
index 5f38323..ec9bc15 100644
--- a/AppStack.tsx
+++ b/AppStack.tsx
@@ -88,7 +88,7 @@ const styles = StyleSheet.create({
   debugBanner: {
     position: 'absolute',
     top: 20,
-    right: 50,
+    right: 100,
     backgroundColor: 'red',
     zIndex: 1000,
     borderRadius: 5,
diff --git a/DrawerHeader.tsx b/DrawerHeader.tsx
index 3029794..25bde75 100644
--- a/DrawerHeader.tsx
+++ b/DrawerHeader.tsx
@@ -6,15 +6,21 @@ import { DrawerParams } from "./drawer-params";
 export default function DrawerHeader({
   name,
   children,
+  ids,
+  unSelect,
 }: {
   name: string;
   children?: JSX.Element | JSX.Element[];
+  ids?: number[],
+  unSelect?: () => void,
 }) {
   const navigation = useNavigation<DrawerNavigationProp<DrawerParams>>();
 
   return (
     <Appbar.Header>
-      <IconButton icon="menu" onPress={navigation.openDrawer} />
+      {ids && ids.length > 0 ? (<IconButton icon="arrow-left" onPress={unSelect} />) : (
+        <IconButton icon="menu" onPress={navigation.openDrawer} />
+      )}
       <Appbar.Content title={name} />
       {children}
     </Appbar.Header>
diff --git a/ListMenu.tsx b/ListMenu.tsx
index f055ecf..18f75d6 100644
--- a/ListMenu.tsx
+++ b/ListMenu.tsx
@@ -47,40 +47,45 @@ export default function ListMenu({
   };
 
   return (
-    <Menu
-      visible={showMenu}
-      onDismiss={() => setShowMenu(false)}
-      anchor={
-        <IconButton onPress={() => setShowMenu(true)} icon="dots-vertical" />
-      }
-    >
-      <Menu.Item leadingIcon="check-all" title="Select all" onPress={select} />
-      <Menu.Item
-        leadingIcon="close"
-        title="Clear"
-        onPress={clear}
-        disabled={ids?.length === 0}
-      />
-      <Menu.Item
-        leadingIcon="pencil"
-        title="Edit"
-        onPress={edit}
-        disabled={ids?.length === 0}
-      />
-      {onCopy && (
+    <>
+      {ids.length > 0 && (
+        <IconButton icon="delete" onPress={() => setShowRemove(true)} />
+      )}
+      <Menu
+        visible={showMenu}
+        onDismiss={() => setShowMenu(false)}
+        anchor={
+          <IconButton onPress={() => setShowMenu(true)} icon="dots-vertical" />
+        }
+      >
+        <Menu.Item leadingIcon="check-all" title="Select all" onPress={select} />
         <Menu.Item
-          leadingIcon="content-copy"
-          title="Copy"
-          onPress={copy}
+          leadingIcon="close"
+          title="Clear"
+          onPress={clear}
           disabled={ids?.length === 0}
         />
-      )}
-      <Divider />
-      <Menu.Item
-        leadingIcon="delete"
-        onPress={() => setShowRemove(true)}
-        title="Delete"
-      />
+        <Menu.Item
+          leadingIcon="pencil"
+          title="Edit"
+          onPress={edit}
+          disabled={ids?.length === 0}
+        />
+        {onCopy && (
+          <Menu.Item
+            leadingIcon="content-copy"
+            title="Copy"
+            onPress={copy}
+            disabled={ids?.length === 0}
+          />
+        )}
+        <Divider />
+        <Menu.Item
+          leadingIcon="delete"
+          onPress={() => setShowRemove(true)}
+          title="Delete"
+        />
+      </Menu>
       <ConfirmDialog
         title={ids?.length === 0 ? "Delete all" : "Delete selected"}
         show={showRemove}
@@ -94,6 +99,6 @@ export default function ListMenu({
           <>This will delete {ids?.length} record(s). Are you sure?</>
         )}
       </ConfirmDialog>
-    </Menu>
+    </>
   );
 }
diff --git a/SetList.tsx b/SetList.tsx
index b8aa66e..5c2c1ae 100644
--- a/SetList.tsx
+++ b/SetList.tsx
@@ -164,6 +164,8 @@ export default function SetList() {
     <>
       <DrawerHeader
         name={ids.length > 0 ? `${ids.length} selected` : "History"}
+        ids={ids}
+        unSelect={() => setIds([])}
       >
         <ListMenu
           onClear={clear}