lint: configure pretttier for frontend

ChangePlusPlusVandy · Nov 9, 2024 · 5378afa · 5378afa
1 parent 1cbc933
commit 5378afa
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 9 deletions.
diff --git a/api/src/server.ts b/api/src/server.ts
@@ -21,5 +21,5 @@ app.use("/workshop", routes.workshop);
 connectDB();
 
 app.listen(process.env.PORT || 8000, () =>
-  console.log(`Server running on port ${process.env.PORT || 8000}`)
+  console.log(`Server running on port ${process.env.PORT || 8000}`),
 );
diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/package.json b/app/package.json
@@ -28,7 +28,9 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "format": "npx prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format-check": "npx prettier --check \"src/**/*.{js,jsx,ts,tsx}\""
   },
   "eslintConfig": {
     "extends": [
@@ -47,5 +49,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "prettier": "^3.3.3"
   }
 }
diff --git a/app/src/App.tsx b/app/src/App.tsx
@@ -9,13 +9,13 @@ import AuthCallback from "./pages/auth-callback";
 function App(): ReactElement {
   return (
     <div className="App">
-        <Routes>
-          <Route path="/" element={<Home />} />
-          <Route path="/home" element={<Home />} />
-          <Route path="/mentor" element={<MentorDashboard />} />
-          <Route path="/create-workshop" element={<CreateWorkshop />} />
-          <Route path="/create-meeting" element={<CreateMeeting />} />
-          <Route path="/callback" element={<AuthCallback />} />
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/home" element={<Home />} />
+        <Route path="/mentor" element={<MentorDashboard />} />
+        <Route path="/create-workshop" element={<CreateWorkshop />} />
+        <Route path="/create-meeting" element={<CreateMeeting />} />
+        <Route path="/callback" element={<AuthCallback />} />
       </Routes>
     </div>
   );