fix: security accerdion

stonith404 · Oct 11, 2022 · 8c2c930 · 8c2c930
1 parent 43519d9
commit 8c2c930
Showing 1 changed file with 20 additions and 21 deletions.
diff --git a/frontend/src/components/share/CreateUploadModalBody.tsx b/frontend/src/components/share/CreateUploadModalBody.tsx
@@ -114,27 +114,26 @@ const CreateUploadModalBody = ({
           ]}
         />
         <Accordion>
-          <Accordion.Item
-            value="Security options"
-            sx={{ borderBottom: "none" }}
-          >
-            <Stack align="stretch">
-              <PasswordInput
-                variant="filled"
-                placeholder="No password"
-                label="Password protection"
-                {...form.getInputProps("password")}
-              />
-
-              <NumberInput
-                min={1}
-                type="number"
-                variant="filled"
-                placeholder="No limit"
-                label="Maximal views"
-                {...form.getInputProps("maxViews")}
-              />
-            </Stack>
+          <Accordion.Item value="security" sx={{ borderBottom: "none" }}>
+            <Accordion.Control>Security options</Accordion.Control>
+            <Accordion.Panel>
+              <Stack align="stretch">
+                <PasswordInput
+                  variant="filled"
+                  placeholder="No password"
+                  label="Password protection"
+                  {...form.getInputProps("password")}
+                />
+                <NumberInput
+                  min={1}
+                  type="number"
+                  variant="filled"
+                  placeholder="No limit"
+                  label="Maximal views"
+                  {...form.getInputProps("maxViews")}
+                />
+              </Stack>
+            </Accordion.Panel>
           </Accordion.Item>
         </Accordion>
         <Button type="submit">Share</Button>