From 773465c6c5f8e22dd4251f6de8cd63fe373832ec Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Mon, 6 Jun 2022 10:44:36 -0500
Subject: [PATCH] Move select all button to top of category selector modal

---
 web/components/feed/category-selector.tsx | 32 +++++++++++------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/web/components/feed/category-selector.tsx b/web/components/feed/category-selector.tsx
index a3ed4777..352746a8 100644
--- a/web/components/feed/category-selector.tsx
+++ b/web/components/feed/category-selector.tsx
@@ -119,6 +119,22 @@ function CategorySelectorModal(props: {
   return (
     <Modal open={isOpen} setOpen={setIsOpen}>
       <Col className="rounded bg-white p-6">
+        <button
+          className="btn btn-sm btn-ghost mb-3 self-start"
+          onClick={() => {
+            if (selectAll) {
+              updateUser(user.id, {
+                followedCategories: CATEGORY_LIST,
+              })
+            } else {
+              updateUser(user.id, {
+                followedCategories: [],
+              })
+            }
+          }}
+        >
+          Select {selectAll ? 'all' : 'none'}
+        </button>
         <Col className="grid w-full grid-cols-2 gap-4">
           {CATEGORY_LIST.map((cat) => (
             <Checkbox
@@ -136,22 +152,6 @@ function CategorySelectorModal(props: {
             />
           ))}
         </Col>
-        <button
-          className="btn btn-sm btn-ghost mt-2 self-end"
-          onClick={() => {
-            if (selectAll) {
-              updateUser(user.id, {
-                followedCategories: CATEGORY_LIST,
-              })
-            } else {
-              updateUser(user.id, {
-                followedCategories: [],
-              })
-            }
-          }}
-        >
-          Select {selectAll ? 'all' : 'none'}
-        </button>
       </Col>
     </Modal>
   )