Fix linter

Author: tingkai-mai

frontend/src/api/leetcode-dashboard.tsx

@@ -40,7 +40,7 @@ export const getLeetcodeDashboardData = async (): Promise<
 
 export const fetchSingleLeetcodeQuestion = async (
   questionId: string
-): Promise<any> => {
+): Promise<QuestionFull> => {
   const url = `${QUESTION_SERVICE}/${questionId}`;
   const response = await fetch(url);
   const data = await response.json();

frontend/src/app/(auth)/leetcode-dashboard/AddQuestionDialog.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { topicsList } from "@/app/(auth)/match/page";
 import { Button } from "@/components/ui/button";
 import {
   Form,
@@ -21,14 +20,9 @@ import Swal from "sweetalert2";
 import { z } from "zod";
 import MoonLoader from "react-spinners/MoonLoader";
 import { createSingleLeetcodeQuestion } from "@/api/leetcode-dashboard";
+import { topicsList } from "@/utils/constants";
 
-const QUESTION_SERVICE = process.env.NEXT_PUBLIC_QUESTION_SERVICE;
-
-interface AddQuestionDialogProp {
-  setClose: () => void;
-}
-
-const AddQuestionDialog = ({ setClose }: AddQuestionDialogProp) => {
+const AddQuestionDialog = () => {
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   const formSchema = z.object({
@@ -65,14 +59,14 @@ const AddQuestionDialog = ({ setClose }: AddQuestionDialogProp) => {
       category: values.questionTopics,
       complexity: values.questionDifficulty,
     })
-      .then((response) => {
+      .then(() => {
         Swal.fire({
           icon: "success",
           title: "Question Added",
           text: "Question has been added successfully.",
         });
       })
-      .catch((error) => {
+      .catch(() => {
         Swal.fire({
           icon: "error",
           title: "Question Add Failed",
@@ -81,7 +75,6 @@ const AddQuestionDialog = ({ setClose }: AddQuestionDialogProp) => {
       })
       .finally(() => {
         setIsSubmitting(false);
-        setClose();
       });
   }
 

frontend/src/app/(auth)/leetcode-dashboard/EditQuestionDialog.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { capitalizeWords, topicsList } from "@/app/(auth)/match/page";
 import { Button } from "@/components/ui/button";
 import {
   Form,
@@ -24,27 +23,31 @@ import {
   fetchSingleLeetcodeQuestion,
   updateSingleLeetcodeQuestion,
 } from "@/api/leetcode-dashboard";
-
-const QUESTION_SERVICE = process.env.NEXT_PUBLIC_QUESTION_SERVICE;
+import { capitalizeWords } from "@/utils/string_utils";
+import { topicsList } from "@/utils/constants";
 
 interface EditQuestionDialogProp {
-  setClose: () => void;
   questionId: string;
 }
 
-const initialValues = {
+interface EditQuestionValues {
+  questionTitle: string;
+  questionDifficulty: string;
+  questionTopics: string[];
+  questionDescription: string;
+}
+
+const initialValues: EditQuestionValues = {
   questionTitle: "",
   questionDifficulty: "",
   questionTopics: [],
   questionDescription: "",
 };
 
-const EditQuestionDialog = ({
-  setClose,
-  questionId,
-}: EditQuestionDialogProp) => {
+const EditQuestionDialog = ({ questionId }: EditQuestionDialogProp) => {
   const [isSubmitting, setIsSubmitting] = useState(false);
-  const [leetcodeData, setLeetcodeData] = useState(initialValues);
+  const [leetcodeData, setLeetcodeData] =
+    useState<EditQuestionValues>(initialValues);
   const formSchema = z.object({
     questionTitle: z.string().min(2, {
       message: "Title must be at least 2 characters.",
@@ -75,8 +78,6 @@ const EditQuestionDialog = ({
         questionTopics: resp.category.map((x: string) => capitalizeWords(x)),
         questionDescription: resp.description,
       };
-      console.log(questionData.questionTopics);
-      console.log(typeof questionData.questionTopics);
       setLeetcodeData(questionData);
       reset(questionData);
     });
@@ -92,14 +93,14 @@ const EditQuestionDialog = ({
       complexity: values.questionDifficulty,
       questionId: questionId,
     })
-      .then((response) => {
+      .then(() => {
         Swal.fire({
           icon: "success",
           title: "Question Added",
           text: "Question has been modified successfully.",
         });
       })
-      .catch((error) => {
+      .catch(() => {
         Swal.fire({
           icon: "error",
           title: "Question Add Failed",
@@ -108,7 +109,6 @@ const EditQuestionDialog = ({
       })
       .finally(() => {
         setIsSubmitting(false);
-        setClose();
       });
   }
 

frontend/src/app/(auth)/leetcode-dashboard/LeetcodeDashboardTable.tsx

@@ -46,15 +46,12 @@ const Cell = ({
 
 export function LeetcodeDashboardTable() {
   const [data, setData] = useState<QuestionMinified[]>([]);
-  const [modalIsOpen, setIsOpen] = useState(false);
-  const [isDeleting, setIsDeleting] = useState(false);
   const [editingQuestionId, setEditingQuestionId] = React.useState<
     string | null
   >(null);
   const [refreshKey, setRefreshKey] = useState(0); // State to trigger re-fetch
 
   function handleDelete(questionId: string) {
-    setIsDeleting(true);
     Swal.fire({
       icon: "warning",
       title: "Confirm delete?",
@@ -71,21 +68,17 @@ export function LeetcodeDashboardTable() {
           setRefreshKey((prev) => prev + 1);
         } catch (error) {
           Swal.showValidationMessage(`Failed to delete question: ${error}`);
-        } finally {
-          setIsDeleting(false);
         }
       },
       allowOutsideClick: () => !Swal.isLoading(),
     });
   }
 
   function openModal(questionId: string) {
-    setIsOpen(true);
     setEditingQuestionId(questionId);
   }
 
   function closeModal() {
-    setIsOpen(false);
     setEditingQuestionId(null);
   }
 
@@ -155,10 +148,7 @@ export function LeetcodeDashboardTable() {
                 variants={modalAnimation}
                 transition={{ duration: 0.3 }}
               >
-                <EditQuestionDialog
-                  setClose={closeModal}
-                  questionId={questionId}
-                />
+                <EditQuestionDialog questionId={questionId} />
               </motion.div>
             </Modal>
             <Button variant={"ghost"} onClick={() => handleDelete(questionId)}>
@@ -171,10 +161,7 @@ export function LeetcodeDashboardTable() {
   ];
 
   useEffect(() => {
-    setIsDeleting(true);
-    getLeetcodeDashboardData()
-      .then((data) => setData(data))
-      .finally(() => setIsDeleting(false));
+    getLeetcodeDashboardData().then((data) => setData(data));
   }, [refreshKey]);
 
   const table = useReactTable({

frontend/src/app/(auth)/leetcode-dashboard/page.tsx

@@ -72,7 +72,7 @@ const LeetcodeDashboard = () => {
             variants={modalAnimation}
             transition={{ duration: 0.3 }}
           >
-            <AddQuestionDialog setClose={closeModal} />
+            <AddQuestionDialog />
           </motion.div>
         </Modal>
       </div>

frontend/src/app/(auth)/match/page.tsx

@@ -16,36 +16,14 @@ import {
   QuestionLanguages,
   QuestionTopics,
 } from "@/types/find-match";
+import { capitalizeWords } from "@/utils/string_utils";
 import { useForm } from "react-hook-form";
 
 interface FindMatchFormOutput {
   questionDifficulty: string;
   preferredLanguages: string;
 }
 
-export function capitalizeWords(input: string): string {
-  return input
-    .split(" ") // Split the string by spaces to get each word
-    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()) // Capitalize the first letter and lowercase the rest
-    .join(" "); // Join the words back into a single string
-}
-
-export const preferredLanguagesList = Object.values(QuestionLanguages).map(
-  (ql) => {
-    return {
-      label: ql,
-      value: ql,
-    };
-  }
-);
-
-export const topicsList = Object.values(QuestionTopics).map((qt) => {
-  return {
-    label: qt,
-    value: qt,
-  };
-});
-
 const FindPeerHeader = () => {
   return (
     <div className="flex flex-col mt-8">

frontend/src/types/find-match.tsx

@@ -1,3 +1,5 @@
+// eslint-disable no-invalid-page-export
+
 export enum QuestionDifficulty {
   EASY = "easy",
   MEDIUM = "medium",

frontend/src/utils/constants.ts

@@ -0,0 +1,17 @@
+import { QuestionLanguages, QuestionTopics } from "@/types/find-match";
+
+export const preferredLanguagesList = Object.values(QuestionLanguages).map(
+    (ql) => {
+      return {
+        label: ql,
+        value: ql,
+      };
+    }
+  );
+  
+  export const topicsList = Object.values(QuestionTopics).map((qt) => {
+    return {
+      label: qt,
+      value: qt,
+    };
+  });

frontend/src/utils/string_utils.ts

@@ -0,0 +1,6 @@
+export function capitalizeWords(input: string): string {
+  return input
+    .split(" ") // Split the string by spaces to get each word
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()) // Capitalize the first letter and lowercase the rest
+    .join(" "); // Join the words back into a single string
+}