feat: add clear selection button

agrc · Nov 5, 2024 · 3d4ca02 · 3d4ca02
1 parent 1d8c42a
commit 3d4ca02
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/ResultsGrid.tsx b/src/components/ResultsGrid.tsx
@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { Spinner, useFirebaseAuth } from '@ugrc/utah-design-system';
+import { Button, Spinner, useFirebaseAuth } from '@ugrc/utah-design-system';
 import { User } from 'firebase/auth';
 import ky from 'ky';
 import { useEffect, useState } from 'react';
@@ -155,6 +155,14 @@ export default function ResultsGrid() {
           <span>
             {' '}
             | Selected: <strong>{selectedKeys === 'all' ? data?.length : selectedKeys.size}</strong>
+            <Button
+              variant="secondary"
+              // size="extraSmall"
+              onPress={() => setSelectedStationIds(new Set())}
+              className="ml-2"
+            >
+              Clear Selection
+            </Button>
           </span>
         )}
       </span>