🐛 fix : Suggested Changes

dev-madhurendra · Feb 5, 2024 · dc0bcef · dc0bcef
1 parent 43fb915
commit dc0bcef
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 28 deletions.
diff --git a/frontend/src/components/molecules/socialLogin/index.tsx b/frontend/src/components/molecules/socialLogin/index.tsx
@@ -1,33 +1,7 @@
 import MuiTypography from "../../atoms/typography";
-import { Box } from "@mui/material";
 import IconComponent from "../../atoms/icon";
-import { styled } from "@mui/system";
-
-interface SocialLoginProps {
-  text: string;
-  src: string;
-}
-
-const StylesBox = styled(Box)({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  padding: "20px 40px",
-  gap: "8px",
-  background: "#FAFCFF",
-  border: "1px solid #E8E8F7",
-  borderRadius: "12px",
-  width: "90px",
-  height: "60px",
-  transition: "all 0.3s ease",
-  cursor: "pointer",
-  "&:hover": {
-    background: "#E8E8F7",
-    transform: "scale(1.07)",
-    boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-  },
-});
+import { SocialLoginProps } from "../../../utils/interfaces";
+import { StylesBox } from "./styles";
 
 const SocialLogin = ({ text, src }: SocialLoginProps) => {
   return (

diff --git a/frontend/src/components/molecules/socialLogin/styles.tsx b/frontend/src/components/molecules/socialLogin/styles.tsx
@@ -0,0 +1,23 @@
+import { Box } from "@mui/material";
+import { styled } from "@mui/system";
+
+export const StylesBox = styled(Box)({
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: "20px 40px",
+    gap: "8px",
+    background: "#FAFCFF",
+    border: "1px solid #E8E8F7",
+    borderRadius: "12px",
+    width: "90px",
+    height: "60px",
+    transition: "all 0.3s ease",
+    cursor: "pointer",
+    "&:hover": {
+      background: "#E8E8F7",
+      transform: "scale(1.07)",
+      boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
+    },
+  });
diff --git a/frontend/src/utils/interfaces.ts b/frontend/src/utils/interfaces.ts
@@ -0,0 +1,5 @@
+export interface SocialLoginProps {
+    text: string;
+    src: string;
+  }
+