From db1e4af20c10683e71950b1b19ee779da606511b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 6 Apr 2024 19:19:46 -0500
Subject: [PATCH] feat: clear provisions button

---
 src/app/tools/compare/page.tsx | 87 +++++++++++++++++++---------------
 1 file changed, 48 insertions(+), 39 deletions(-)

diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index 511d4e332..54127de0d 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -517,52 +517,48 @@ export default function Page() {
                             </Popover.Trigger>
 
                             <Popover.Content>
-                              <Flex direction="column" gap="4">
-                                <EquipmentManager
-                                  matrix={equipmentMatrix}
-                                  preset={equipmentPreset}
-                                  onChange={(matrix) => {
+                              <EquipmentManager
+                                matrix={equipmentMatrix}
+                                preset={equipmentPreset}
+                                onChange={(matrix) => {
+                                  mutateCompareTemporary((draft) => {
+                                    draft.members[index].equipmentMatrix =
+                                      matrix;
+                                    draft.sorting = undefined;
+                                  });
+                                }}
+                              />
+
+                              <Flex justify="end" gap="4" mt="4">
+                                <Button
+                                  variant="ghost"
+                                  color="red"
+                                  onClick={() => {
                                     mutateCompareTemporary((draft) => {
                                       draft.members[index].equipmentMatrix =
-                                        matrix;
+                                        times(3, () =>
+                                          times(3, () => 0),
+                                        ) as EquipmentMatrix;
                                       draft.sorting = undefined;
                                     });
                                   }}
-                                />
-
-                                <Flex justify="end" gap="4">
-                                  <Button
-                                    variant="ghost"
-                                    color="red"
-                                    onClick={() => {
-                                      mutateCompareTemporary((draft) => {
-                                        draft.members[index].equipmentMatrix =
-                                          times(3, () =>
-                                            times(3, () => 0),
-                                          ) as EquipmentMatrix;
+                                >
+                                  Clear
+                                </Button>
+                                <Button
+                                  variant="ghost"
+                                  onClick={() => {
+                                    mutateCompareTemporary((draft) => {
+                                      draft.members.forEach((member) => {
+                                        member.equipmentMatrix =
+                                          draft.members[index].equipmentMatrix;
                                         draft.sorting = undefined;
                                       });
-                                    }}
-                                  >
-                                    Clear
-                                  </Button>
-                                  <Button
-                                    variant="ghost"
-                                    onClick={() => {
-                                      mutateCompareTemporary((draft) => {
-                                        draft.members.forEach((member) => {
-                                          member.equipmentMatrix =
-                                            draft.members[
-                                              index
-                                            ].equipmentMatrix;
-                                          draft.sorting = undefined;
-                                        });
-                                      });
-                                    }}
-                                  >
-                                    Apply to all
-                                  </Button>
-                                </Flex>
+                                    });
+                                  }}
+                                >
+                                  Apply to all
+                                </Button>
                               </Flex>
                             </Popover.Content>
                           </Popover.Root>
@@ -629,6 +625,19 @@ export default function Page() {
                                   });
                                 }}
                               />
+
+                              <Flex justify="end" mt="4">
+                                <Button
+                                  variant="ghost"
+                                  onClick={() => {
+                                    mutateCompareTemporary((draft) => {
+                                      draft.members[index].provisions = [];
+                                    });
+                                  }}
+                                >
+                                  Clear
+                                </Button>
+                              </Flex>
                             </Popover.Content>
                           </Popover.Root>
                         </Flex>