Merge pull request #126 from MBTips/dev

8차 배포 Test (Dev -> Main)

Author: Soohyuniii

.github/workflows/ci.yml

@@ -30,7 +30,7 @@ jobs:
           echo "VITE_GA_MEASUREMENT_ID=${{ secrets.VITE_GA_MEASUREMENT_ID }}" > .env
 
       - name: Run build
-        run: npm run build --verbose # 프로젝트에 맞는 빌드 명령어
+        run: npm run build --mode production --verbose # 프로젝트에 맞는 빌드 명령어
 
       - name: Docker build & push
         run: |

src/components/NavBar.tsx

@@ -1,21 +1,24 @@
+import LoginButton from "@/components/button/LoginButton";
+
 const NavBar = () => {
+  const isLoggedIn = localStorage.getItem("isLoggedIn");
+
   return (
-    <div className="flex h-[56px] w-full justify-between">
+    <div className="flex h-[62px] w-full justify-between items-center px-5">
       <img
         src="/public/icon/mbtipslogo.svg"
         alt="Logo"
-        className="ml-[20px]"
         width={110}
         height={31}
       />
 
-      <img
+      {isLoggedIn === "true" ? <LoginButton/> : <img
         src="/public/icon/people.svg"
         alt="Login Done"
         className="mx-auto mr-[20px]"
         width={24}
         height={24}
-      />
+      />}
     </div>
   );
 };

src/components/button/LoginButton.tsx

@@ -1,8 +1,10 @@
 const LoginButton = () => {
   return (
-    <button className="border-[0.8px] border-gray-300 px-4 py-0.5 rounded-lg font-bold text-gray-600 text-sm">
+    <a href="/login">
+      <button className="w-[69px] h-[36px] border-[0.8px] border-gray-300 rounded-lg font-bold text-gray-600 text-md">
       로그인
-    </button>
+      </button>
+    </a>
   );
 };
 

src/pages/Content.tsx

@@ -180,7 +180,7 @@ const Content = () => {
     try {
       trackEvent("User", "Clicked Start Chat Button", "Start Chat");
 
-      const response = await instance.post("api/fast-friend");
+      const response = await instance.post("/api/fast-friend");
       console.log("Success!!", response.data);
     } catch (error) {
       console.error("Select Info Error", error);

vite.config.ts

@@ -8,6 +8,8 @@ import fs from "fs";
 // vite.config.ts 파일에서 alias 설정을 추가해야 합니다.
 
 export default defineConfig(({ mode }: { mode: string }) => {
+  console.log("mode", mode);
+
   const isProduction = mode === "production";
   const keyPath = "./certs/key.pem";
   const certPath = "./certs/cert.pem";