🎨 Style: 로딩 컴포넌트 추가

FRONTENDSCHOOL5 · Nov 27, 2023 · af3f1ea · af3f1ea
1 parent 374030f
commit af3f1ea
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 17 deletions.
diff --git a/src/assets/images/spinner.svg b/src/assets/images/spinner.svg
diff --git a/src/components/common/Loading/Loading.jsx b/src/components/common/Loading/Loading.jsx
@@ -1,25 +1,21 @@
 import React from 'react';
-import {
-  GlobalStyle,
-  Container,
-  Body,
-  Circle,
-  Before,
-  Text,
-} from './LoadingStyle';
+import styled from 'styled-components';
+import { ReactComponent as Spinner} from '../../../assets/images/spinner.svg';
 
 const Loading = () => {
   return (
-    <Container>
-      <GlobalStyle />
-      <Body>
-          <Circle>
-            <Before />
-          </Circle>
-          <Text>Loading...</Text>
-      </Body>
-    </Container>
+    <>
+      <Container>
+        <Spinner />
+      </Container>
+    </>
   );
 };
 
 export default Loading;
+
+const Container = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`