[FE][Feat] #274 : 지도 가져올 때 로딩 화면 추가 (로딩 스피너로 대체)

- 지도 가져올 때 로딩 화면 추가 (로딩 스피너로 대체) - 홈 화면에서 지도 로딩 화면 적용
boostcampwm-2024 · Nov 26, 2024 · 22a109d · 22a109d
1 parent 8db2c6c
commit 22a109d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/frontend/src/component/common/loadingSpinner/LoadingSpinner.tsx b/frontend/src/component/common/loadingSpinner/LoadingSpinner.tsx
@@ -1,3 +1,8 @@
 export const LoadingSpinner = () => {
-  return <div className="spinner" />;
+  return (
+    <section className="flex h-full flex-col items-center justify-center gap-2 text-xl text-gray-700">
+      <div className="spinner" />
+      Loading map data...
+    </section>
+  );
 };
diff --git a/frontend/src/pages/Main.tsx b/frontend/src/pages/Main.tsx
@@ -104,10 +104,7 @@ export const Main = () => {
               otherLocations={otherLocations}
             />
           ) : (
-            <section className="flex h-full flex-col items-center justify-center gap-2 text-xl text-gray-700">
-              <LoadingSpinner />
-              Loading map data...
-            </section>
+            <LoadingSpinner />
           )
         ) : (
           <section className="flex h-full flex-col items-center justify-center gap-2 text-xl text-gray-700">