✨ feat: Loading Common

src/components/common/LoadingCommon/LoadingCommon.module.scss

@@ -2,12 +2,14 @@
 
 .loadingCommon:empty {
     @apply bg-white;
+    height: 7rem;
+    width: 7rem;
     border-radius: 50%;
-    border: .7rem solid var(--primary-lightest);
-    border-top: .7rem solid var(--primary);
     animation: spin 2s linear infinite;
     margin: auto;
 
+    background: url('./assets/carrot.png') top 50% left 50% no-repeat;
+
     @keyframes spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
@@ -19,8 +21,7 @@
     }
 
     &.default {
-        height: 7rem;
+        
-        width: 7rem;
     }
 
     &.large {

src/components/common/LoadingCommon/LoadingCommon.tsx

@@ -1,23 +1,17 @@
-import classNames from "classnames";
 import React from "react";
 import s from './LoadingCommon.module.scss'
 
 interface LoadingCommonProps {
-    size?: "small" | "default" | "large",
     children? : React.ReactNode;
 }
 
-const LoadingCommon = ({ size="default", children }: LoadingCommonProps) => {
+const LoadingCommon = ({ children }: LoadingCommonProps) => {
     
     return (
         <>
-        {
+            <div className={s.loadingCommon}>
-            <div className={classNames(s.loadingCommon, {
-                [s[size]]: size
-            })}>
                 {children}
             </div>
-        }
         </>
     )
 }