Merge branch 'develop' of https://github.com/SOPT-all/35-COLLABORATIO…

…N-WEB-ALADIN into feat/#30/headerAndDropDown

.gitignore

@@ -37,4 +37,8 @@ dist-ssr
 !.yarn/sdks
 !.yarn/versions
 
-install-state.gz
+install-state.gz
+tsconfig.node.tsbuildinfo
+tsconfig.tsbuildinfo
+vite.config.d.ts
+vite.config.js

src/components/Cart/CartSmallBtn/CartSmallBtn.styled.ts

@@ -0,0 +1,10 @@
+import styled from "@emotion/styled";
+import theme from "@styles/theme";
+
+export const StyledBtn = styled.button`
+    text: ${theme.colors.text_gray40};
+    border: 1px solid ${theme.colors.stroke_gray50};
+    ${theme.fonts.body10_sb_11};
+    padding: 0.4rem 0.6rem;
+    border-radius: 0.5rem;
+`;

src/components/Cart/CartSmallBtn/CartSmallBtn.tsx

@@ -0,0 +1,15 @@
+import * as S from "./CartSmallBtn.styled"
+
+interface CartSmallBtnProps {
+    text: string;
+}
+
+const CartSmallBtn = ( {text} : CartSmallBtnProps ) => {
+    return (
+        <S.StyledBtn>
+            {text}
+        </S.StyledBtn>
+    )
+}
+
+export default CartSmallBtn;

src/components/Cart/OrderBtn/OrderBtn.styled.ts

@@ -0,0 +1,23 @@
+import styled from "@emotion/styled";
+import theme from "@styles/theme";
+
+export const StyledBtn = styled.button`
+  background-color: ${theme.colors.purple50};
+  border-radius: 10px;
+  color: white;
+  ${theme.fonts.body2_b_14};
+  width: 25rem;
+  height: 5.6rem;
+  transition: 
+    background-color 0.3s ease, 
+    color 0.3s ease, 
+    width 0.3s ease, 
+    height 0.3s ease; 
+
+  &:active {
+    background-color: ${theme.colors.purple60};
+    color: ${theme.colors.purple40};
+    width: 23.6rem; 
+    height: 5.2rem;
+  }
+`;

src/components/Cart/OrderBtn/OrderBtn.tsx

@@ -0,0 +1,16 @@
+import * as S from "./OrderBtn.styled"
+
+interface OrderBtnProps {
+  totalItems: number;
+  totalPrice: number;
+}
+
+const OrderBtn = ({ totalItems, totalPrice } : OrderBtnProps) => {
+  return (
+    <S.StyledBtn>
+      {`${totalPrice.toLocaleString()}원 (${totalItems}) 주문하기`}
+    </S.StyledBtn>
+  ); 
+};
+
+export default OrderBtn;

tsconfig.json

@@ -29,8 +29,8 @@
 
     /* Linting */
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
     "noFallthroughCasesInSwitch": true
   },
   "include": ["src", "src/svg.d.ts"],

vite.config.ts

@@ -1,19 +1,19 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react-swc';
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: [
-      { find: "@assets", replacement: "/src/assets" },
-      { find: "@pages", replacement: "/src/pages" },
-      { find: "@components", replacement: "/src/components" },
-      { find: "@styles", replacement: "/src/styles" },
-      { find: "@constants", replacement: "/src/constants" },
-      { find: "@hooks", replacement: "/src/hooks" },
-      { find: "@utils", replacement: "/src/utils" },
-      { find: "@apis", replacement: "/src/apis" },
+      { find: '@assets', replacement: '/src/assets' },
+      { find: '@pages', replacement: '/src/pages' },
+      { find: '@components', replacement: '/src/components' },
+      { find: '@styles', replacement: '/src/styles' },
+      { find: '@constants', replacement: '/src/constants' },
+      { find: '@hooks', replacement: '/src/hooks' },
+      { find: '@utils', replacement: '/src/utils' },
+      { find: '@apis', replacement: '/src/apis' },
     ],
   },
-})
+});