Merge pull request #28 from boostcampwm-2024/refactor-fe-#27

Refactor fe #27

apps/frontend/package.json

@@ -30,7 +30,6 @@
     "@xyflow/react": "^12.3.4",
     "autoprefixer": "^10.4.20",
     "axios": "^1.7.7",
-    "babel-plugin-transform-remove-console": "^6.9.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "elkjs": "^0.9.3",
@@ -75,6 +74,7 @@
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.10",
+    "vite-plugin-remove-console": "^2.2.0",
     "vite-tsconfig-paths": "^5.1.0"
   },
   "homepage": "./"

apps/frontend/src/features/canvas/ui/Canvas/index.tsx

@@ -79,7 +79,7 @@ export function Canvas({ className }: CanvasProps) {
         <Controls />
         <div
           className={cn(
-            status === "connected" && "text-green-500",
+            status === "connected" && "text-green-700",
             status === "connecting" && "text-yellow-700",
             status === "disconnected" && "text-red-500",
             "fixed bottom-5 left-16 z-30 text-xs hover:cursor-pointer",
@@ -88,7 +88,7 @@ export function Canvas({ className }: CanvasProps) {
           <div className="flex items-center gap-1">
             <div
               className={cn(
-                status === "connected" && "bg-green-500",
+                status === "connected" && "bg-green-700",
                 status === "connecting" && "bg-yellow-700",
                 status === "disconnected" && "bg-red-500",
                 "h-2 w-2 rounded-full",

apps/frontend/vite.config.ts

@@ -3,6 +3,7 @@ import react from "@vitejs/plugin-react";
 import tailwindcss from "tailwindcss";
 import tsconfigPaths from "vite-tsconfig-paths";
 import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
+import removeConsole from "vite-plugin-remove-console";
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -13,6 +14,7 @@ export default defineConfig({
     }),
     react(),
     tsconfigPaths(),
+    removeConsole(),
   ],
   css: {
     postcss: {

yarn.lock

@@ -4582,11 +4582,6 @@ babel-plugin-jest-hoist@^29.6.3:
     "@types/babel__core" "^7.1.14"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-transform-remove-console@^6.9.4:
-  version "6.9.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-remove-console/-/babel-plugin-transform-remove-console-6.9.4.tgz#b980360c067384e24b357a588d807d3c83527780"
-  integrity sha512-88blrUrMX3SPiGkT1GnvVY8E/7A+k6oj3MNvUtTIxJflFzXTw1bHkuJ/y039ouhFMp2prRn5cQGzokViYi1dsg==
-
 babel-preset-current-node-syntax@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz#9a929eafece419612ef4ae4f60b1862ebad8ef30"
@@ -10872,6 +10867,11 @@ vfile@^5.0.0:
     unist-util-stringify-position "^3.0.0"
     vfile-message "^3.0.0"
 
+vite-plugin-remove-console@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-remove-console/-/vite-plugin-remove-console-2.2.0.tgz#a73c6ba1b217b56accc5135c508b58c4df45431e"
+  integrity sha512-qgjh5pz75MdE9Kzs8J0kBwaCfifHV0ezRbB9rpGsIOxam+ilcGV7WOk91vFJXquzRmiKrFh3Hxlh0JJWAmXTbQ==
+
 vite-tsconfig-paths@^5.1.0:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/vite-tsconfig-paths/-/vite-tsconfig-paths-5.1.3.tgz#ffab28a9c2cb171e7685dd5cdcb93b132187cad5"