Bulk edit status

zvizvi · Jul 3, 2024 · 01f16c4 · 01f16c4
1 parent bacaa01
commit 01f16c4
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/apps/dashboard/src/components/bulk-actions.tsx b/apps/dashboard/src/components/bulk-actions.tsx
@@ -32,6 +32,11 @@ const sections = [
     label: "Assign",
     icon: Icons.Face,
   },
+  {
+    id: "status",
+    label: "Status",
+    icon: Icons.AlertCircle,
+  },
 ];
 
 export function BulkActions({ ids }) {
@@ -47,7 +52,7 @@ export function BulkActions({ ids }) {
         setTransactionIds(undefined);
       }
     },
-    onSuccess: (data, input) => {
+    onSuccess: (data) => {
       setTransactionIds(undefined);
       toast({
         title: `Updated ${data.length} transactions.`,
@@ -176,6 +181,30 @@ export function BulkActions({ ids }) {
                     }}
                   />
                 )}
+
+                {section.id === "status" && (
+                  <RadioGroup
+                    onValueChange={(status) => {
+                      console.log(status);
+                      bulkUpdateTransactions.execute({
+                        type: "status",
+                        data: ids.map((transaction) => ({
+                          id: transaction,
+                          status,
+                        })),
+                      });
+                    }}
+                  >
+                    <div className="flex items-center space-x-2">
+                      <RadioGroupItem value="completed" id="completed" />
+                      <Label htmlFor="completed">Completed</Label>
+                    </div>
+                    <div className="flex items-center space-x-2">
+                      <RadioGroupItem value="posted" id="posted" />
+                      <Label htmlFor="posted">Uncompleted</Label>
+                    </div>
+                  </RadioGroup>
+                )}
               </Tabs.TabsContent>
             );
           })}

diff --git a/apps/dashboard/src/components/transaction-status.tsx b/apps/dashboard/src/components/transaction-status.tsx
@@ -26,7 +26,7 @@ export function TransactionStatus({ fullfilled }: Props) {
           side="left"
           sideOffset={10}
         >
-          Missing attachment
+          Missing receipt
         </TooltipContent>
       </Tooltip>
     </TooltipProvider>