Feat: Loader

prgrms-fe-devcourse · Oct 2, 2024 · c09b2ab · c09b2ab
1 parent 9860e51
commit c09b2ab
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "@types/xml-js": "^1.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-loader-spinner": "^6.1.6",
     "react-router-dom": "^6.26.2",
     "styled-components": "^6.1.13",
     "vite-tsconfig-paths": "^5.0.1",

diff --git a/src/components/Loader/index.tsx b/src/components/Loader/index.tsx
@@ -0,0 +1,6 @@
+import theme from '@/styles/theme';
+import { FidgetSpinnerProps, ThreeDots } from 'react-loader-spinner';
+
+export const Loader = ({ ...rest }: FidgetSpinnerProps) => {
+  return <ThreeDots color={theme.colors.primary} {...rest} />;
+};