remove redundant fragments - #144

alan2207 · May 14, 2024 · 2ca9398 · 2ca9398
1 parent fc87fac
commit 2ca9398
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 75 deletions.
diff --git a/...nents/ui/drawer/__tests__/Drawer.test.tsx → ...nents/ui/drawer/__tests__/drawer.test.tsx b/...nents/ui/drawer/__tests__/Drawer.test.tsx → ...nents/ui/drawer/__tests__/drawer.test.tsx
diff --git a/src/components/ui/form/form-drawer.tsx b/src/components/ui/form/form-drawer.tsx
@@ -37,35 +37,33 @@ export const FormDrawer = ({
   }, [isDone, close]);
 
   return (
-    <>
-      <Drawer
-        open={isOpen}
-        onOpenChange={(isOpen) => {
-          if (!isOpen) {
-            close();
-          } else {
-            open();
-          }
-        }}
-      >
-        <DrawerTrigger asChild>{triggerButton}</DrawerTrigger>
-        <DrawerContent className="flex max-w-[800px] flex-col justify-between sm:max-w-[540px]">
-          <div className="flex flex-col">
-            <DrawerHeader>
-              <DrawerTitle>{title}</DrawerTitle>
-            </DrawerHeader>
-            <div>{children}</div>
-          </div>
-          <DrawerFooter>
-            <DrawerClose asChild>
-              <Button variant="outline" type="submit">
-                Close
-              </Button>
-            </DrawerClose>
-            {submitButton}
-          </DrawerFooter>
-        </DrawerContent>
-      </Drawer>
-    </>
+    <Drawer
+      open={isOpen}
+      onOpenChange={(isOpen) => {
+        if (!isOpen) {
+          close();
+        } else {
+          open();
+        }
+      }}
+    >
+      <DrawerTrigger asChild>{triggerButton}</DrawerTrigger>
+      <DrawerContent className="flex max-w-[800px] flex-col justify-between sm:max-w-[540px]">
+        <div className="flex flex-col">
+          <DrawerHeader>
+            <DrawerTitle>{title}</DrawerTitle>
+          </DrawerHeader>
+          <div>{children}</div>
+        </div>
+        <DrawerFooter>
+          <DrawerClose asChild>
+            <Button variant="outline" type="submit">
+              Close
+            </Button>
+          </DrawerClose>
+          {submitButton}
+        </DrawerFooter>
+      </DrawerContent>
+    </Drawer>
   );
 };
diff --git a/src/features/comments/components/create-comment.tsx b/src/features/comments/components/create-comment.tsx
@@ -12,51 +12,45 @@ type CreateCommentProps = {
 export const CreateComment = ({ discussionId }: CreateCommentProps) => {
   const createCommentMutation = useCreateComment({ discussionId });
   return (
-    <>
-      <FormDrawer
-        isDone={createCommentMutation.isSuccess}
-        triggerButton={
-          <Button size="sm" icon={<Plus className="size-4" />}>
-            Create Comment
-          </Button>
-        }
-        title="Create Comment"
-        submitButton={
-          <Button
-            isLoading={createCommentMutation.isPending}
-            form="create-comment"
-            type="submit"
-            size="sm"
-            disabled={createCommentMutation.isPending}
-          >
-            Submit
-          </Button>
-        }
-      >
-        <Form
-          id="create-comment"
-          onSubmit={async (values) => {
-            await createCommentMutation.mutateAsync({
-              data: values,
-            });
-          }}
-          schema={createCommentInputSchema}
-          options={{
-            defaultValues: {
-              body: '',
-              discussionId: discussionId,
-            },
-          }}
+    <FormDrawer
+      isDone={createCommentMutation.isSuccess}
+      triggerButton={
+        <Button size="sm" icon={<Plus className="size-4" />}>
+          Create Comment
+        </Button>
+      }
+      title="Create Comment"
+      submitButton={
+        <Button
+          isLoading={createCommentMutation.isPending}
+          form="create-comment"
+          type="submit"
+          size="sm"
+          disabled={createCommentMutation.isPending}
         >
-          {({ register, formState }) => (
-            <Textarea
-              label="Body"
-              error={formState.errors['body']}
-              registration={register('body')}
-            />
-          )}
-        </Form>
-      </FormDrawer>
-    </>
+          Submit
+        </Button>
+      }
+    >
+      <Form
+        id="create-comment"
+        onSubmit={async (values) => {
+          await createCommentMutation.mutateAsync({
+            data: values,
+          });
+        }}
+        schema={createCommentInputSchema}
+        options={{
+          defaultValues: {
+            body: '',
+            discussionId: discussionId,
+          },
+        }}
+      >
+        {({ register, formState }) => (
+          <Textarea label="Body" error={formState.errors['body']} registration={register('body')} />
+        )}
+      </Form>
+    </FormDrawer>
   );
 };