Feat: #109 네트워크 통신 대기시 Spinner UI 노출

GU-99 · Sep 5, 2024 · bbcb385 · bbcb385
1 parent cf631c8
commit bbcb385
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/src/components/common/Spinner.tsx b/src/components/common/Spinner.tsx
@@ -1,3 +1,7 @@
 export default function Spinner() {
-  return <div className="box-border h-20 w-20 animate-spin rounded-full border-4 border-[#eee] border-t-main" />;
+  return (
+    <section className="flex h-full w-full items-center justify-center">
+      <div className="box-border h-20 w-20 animate-spin rounded-full border-4 border-[#eee] border-t-main" />
+    </section>
+  );
 }
diff --git a/src/components/modal/project-status/ModalProjectStatusForm.tsx b/src/components/modal/project-status/ModalProjectStatusForm.tsx
@@ -38,13 +38,7 @@ export default function ModalProjectStatusForm({ formId, project, statusId, onSu
     reset(initialValue);
   }, [initialValue, reset]);
 
-  if (isStatusLoading) {
-    return (
-      <section className="flex grow items-center justify-center">
-        <Spinner />
-      </section>
-    );
-  }
+  if (isStatusLoading) return <Spinner />;
 
   return (
     <form id={formId} className="mb-10 flex grow flex-col justify-center" onSubmit={handleSubmit(onSubmit)}>