Prettier formatting

nulzo · Oct 27, 2023 · 0a5fc28 · 0a5fc28
1 parent e9fc36b
commit 0a5fc28
Show file tree

Hide file tree

Showing 60 changed files with 3,083 additions and 2,255 deletions.
diff --git a/frontend-ts/.eslintrc.cjs b/frontend-ts/.eslintrc.cjs
@@ -1,26 +1,23 @@
 module.exports = {
   root: true,
-  env: { browser: true, es2020: true, es6: true, node: true, },
+  env: { browser: true, es2020: true, es6: true, node: true },
   extends: [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:react-hooks/recommended",
-
   ],
   ignorePatterns: ["dist", ".eslintrc.cjs"],
   parser: "@typescript-eslint/parser",
   plugins: ["react-refresh"],
   rules: {
-    "indent": ["error", 2],
+    indent: ["error", 2],
     "linebreak-style": ["error", "unix"], // Use Unix line endings
-    "quotes": ["error", "double"], // Use single quotes
-    "semi": ["error", "always"], // Require semicolons at the end of statements
+    quotes: ["error", "double"], // Use single quotes
+    semi: ["error", "always"], // Require semicolons at the end of statements
     "no-console": "off", // You can disable this rule if you want to allow console.log
     "react-refresh/only-export-components": [
       "warn",
       { allowConstantExport: true },
     ],
   },
 };
-
-
diff --git a/frontend-ts/components.json b/frontend-ts/components.json
@@ -1,5 +1,4 @@
 {
-
   "style": "new-york",
   "rsc": true,
   "tsx": true,

diff --git a/frontend-ts/index.html b/frontend-ts/index.html
@@ -1,17 +1,15 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image" href="/UNO.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
+    <title>CSLC Tutoring Portal</title>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image" href="/UNO.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <!-- <script src="https://cdn.tailwindcss.com"></script> -->
-  <title>CSLC Tutoring Portal</title>
-</head>
-
-<body class="overscroll-none">
-  <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
-</body>
-
-</html>
+  <body class="overscroll-none">
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/frontend-ts/package-lock.json b/frontend-ts/package-lock.json
diff --git a/frontend-ts/package.json b/frontend-ts/package.json
@@ -54,7 +54,6 @@
     "eslint-plugin-react-refresh": "^0.4.3",
     "highlight.js": "^11.8.0",
     "lucide-react": "^0.277.0",
-    "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-csv": "^2.2.2",
     "react-day-picker": "^8.9.0",
@@ -83,6 +82,7 @@
     "autoprefixer": "^10.4.15",
     "eslint": "^8.52.0",
     "postcss": "^8.4.29",
+    "prettier": "^3.0.3",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.0.2",
     "vite": "^4.4.5"

diff --git a/frontend-ts/src/API/axios.tsx b/frontend-ts/src/API/axios.tsx
@@ -1,5 +1,5 @@
 import Axios from "axios";
 
 export const axios_base = Axios.create({
-    baseURL: "http://localhost:6969/api/",
-});
+  baseURL: "http://localhost:6969/api/",
+});
diff --git a/frontend-ts/src/API/courses/useFetchCourse.tsx b/frontend-ts/src/API/courses/useFetchCourse.tsx
@@ -1,18 +1,18 @@
-import axios from "axios"
+import axios from "axios";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 
 export default function useFetchCourse() {
-    async function getCourse() {
-        const { data } = await axios.get('http://localhost:6969/api/courses/')
-        return data
-    }
-    const data = useQuery({
-        queryKey: ["courses"],
-        queryFn: () => getCourse(),
-        placeholderData: keepPreviousData,
-        staleTime: 30000,
-    })
-    if (data) {
-        return data
-    }
-}
+  async function getCourse() {
+    const { data } = await axios.get("http://localhost:6969/api/courses/");
+    return data;
+  }
+  const data = useQuery({
+    queryKey: ["courses"],
+    queryFn: () => getCourse(),
+    placeholderData: keepPreviousData,
+    staleTime: 30000,
+  });
+  if (data) {
+    return data;
+  }
+}
diff --git a/frontend-ts/src/API/issues/useFetchIssue.tsx b/frontend-ts/src/API/issues/useFetchIssue.tsx
@@ -1,18 +1,18 @@
-import axios from "axios"
+import axios from "axios";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 
 export default function useFetchIssue() {
-    async function getIssue() {
-        const { data } = await axios.get('http://localhost:6969/api/issues/')
-        return data
-    }
-    const data = useQuery({
-        queryKey: ["issues"],
-        queryFn: () => getIssue(),
-        placeholderData: keepPreviousData,
-        staleTime: 30000,
-    })
-    if (data) {
-        return data
-    }
-}
+  async function getIssue() {
+    const { data } = await axios.get("http://localhost:6969/api/issues/");
+    return data;
+  }
+  const data = useQuery({
+    queryKey: ["issues"],
+    queryFn: () => getIssue(),
+    placeholderData: keepPreviousData,
+    staleTime: 30000,
+  });
+  if (data) {
+    return data;
+  }
+}
diff --git a/frontend-ts/src/API/professors/useFetchProfessor.tsx b/frontend-ts/src/API/professors/useFetchProfessor.tsx
@@ -1,18 +1,18 @@
-import axios from "axios"
+import axios from "axios";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 
 export default function useFetchProfessor() {
-    async function getProfessors() {
-        const { data } = await axios.get('http://localhost:6969/api/professors/')
-        return data
-    }
-    const data = useQuery({
-        queryKey: ["professors"],
-        queryFn: () => getProfessors(),
-        placeholderData: keepPreviousData,
-        staleTime: 30000,
-    })
-    if (data) {
-        return data
-    }
-}
+  async function getProfessors() {
+    const { data } = await axios.get("http://localhost:6969/api/professors/");
+    return data;
+  }
+  const data = useQuery({
+    queryKey: ["professors"],
+    queryFn: () => getProfessors(),
+    placeholderData: keepPreviousData,
+    staleTime: 30000,
+  });
+  if (data) {
+    return data;
+  }
+}
diff --git a/frontend-ts/src/API/sections/useFetchSection.tsx b/frontend-ts/src/API/sections/useFetchSection.tsx
@@ -1,18 +1,18 @@
-import axios from "axios"
+import axios from "axios";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 
 export default function useFetchSection() {
-    async function getSection() {
-        const { data } = await axios.get('http://localhost:6969/api/sections/')
-        return data
-    }
-    const data = useQuery({
-        queryKey: ["sections"],
-        queryFn: () => getSection(),
-        placeholderData: keepPreviousData,
-        staleTime: 30000,
-    })
-    if (data) {
-        return data
-    }
-}
+  async function getSection() {
+    const { data } = await axios.get("http://localhost:6969/api/sections/");
+    return data;
+  }
+  const data = useQuery({
+    queryKey: ["sections"],
+    queryFn: () => getSection(),
+    placeholderData: keepPreviousData,
+    staleTime: 30000,
+  });
+  if (data) {
+    return data;
+  }
+}
diff --git a/frontend-ts/src/API/tickets/useFetchTicket.tsx b/frontend-ts/src/API/tickets/useFetchTicket.tsx
@@ -1,18 +1,18 @@
-import axios from "axios"
+import axios from "axios";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 
 export default function useFetchTicket() {
-    async function getTicket() {
-        const { data } = await axios.get('http://localhost:6969/api/tickets/')
-        return data
-    }
-    const data = useQuery({
-        queryKey: ["tickets"],
-        queryFn: () => getTicket(),
-        placeholderData: keepPreviousData,
-        staleTime: 30000,
-    })
-    if (data) {
-        return data
-    }
-}
+  async function getTicket() {
+    const { data } = await axios.get("http://localhost:6969/api/tickets/");
+    return data;
+  }
+  const data = useQuery({
+    queryKey: ["tickets"],
+    queryFn: () => getTicket(),
+    placeholderData: keepPreviousData,
+    staleTime: 30000,
+  });
+  if (data) {
+    return data;
+  }
+}
diff --git a/frontend-ts/src/API/tutors/useFetchTutor.tsx b/frontend-ts/src/API/tutors/useFetchTutor.tsx
@@ -1,18 +1,18 @@
-import axios from "axios"
+import axios from "axios";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 
 export default function useFetchTutor() {
-    async function getTutors() {
-        const { data } = await axios.get('http://localhost:6969/api/tutors/')
-        return data
-    }
-    const data = useQuery({
-        queryKey: ["tutors"],
-        queryFn: () => getTutors(),
-        placeholderData: keepPreviousData,
-        staleTime: 30000,
-    })
-    if (data) {
-        return data
-    }
-}
+  async function getTutors() {
+    const { data } = await axios.get("http://localhost:6969/api/tutors/");
+    return data;
+  }
+  const data = useQuery({
+    queryKey: ["tutors"],
+    queryFn: () => getTutors(),
+    placeholderData: keepPreviousData,
+    staleTime: 30000,
+  });
+  if (data) {
+    return data;
+  }
+}
diff --git a/frontend-ts/src/Root.tsx b/frontend-ts/src/Root.tsx
@@ -6,9 +6,9 @@ import { useEffect } from "react";
 
 export default function Root() {
   useEffect(() => {
-    const theme = localStorage.getItem('theme');
+    const theme = localStorage.getItem("theme");
     if (theme) {
-      document.getElementById("root")?.classList.add('theme', theme);
+      document.getElementById("root")?.classList.add("theme", theme);
     }
   }, []);
   return (

diff --git a/frontend-ts/src/components/assets/CalendarIcon.tsx b/frontend-ts/src/components/assets/CalendarIcon.tsx
@@ -1,5 +1,5 @@
 export default function CalendarIcon({ className }: any) {
-  const classname = `stroke-foreground ${className}`
+  const classname = `stroke-foreground ${className}`;
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

diff --git a/frontend-ts/src/components/assets/ClockIcon.tsx b/frontend-ts/src/components/assets/ClockIcon.tsx
@@ -1,10 +1,20 @@
 export default function ClockIcon() {
-    return (
-        <svg xmlns="http://www.w3.org/2000/svg" className="stroke-foreground" width="20" height="20" viewBox="0 0 24 24" strokeWidth="1.5" fill="none" strokeLinecap="round" strokeLinejoin="round">
-            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-            <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
-            <path d="M12 12h-3.5" />
-            <path d="M12 7v5" />
-        </svg>
-    )
-}
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      className="stroke-foreground"
+      width="20"
+      height="20"
+      viewBox="0 0 24 24"
+      strokeWidth="1.5"
+      fill="none"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
+      <path d="M12 12h-3.5" />
+      <path d="M12 7v5" />
+    </svg>
+  );
+}