Merge pull request #17 from guanquann/admin-question-view

Fix bugs

Author: guanquann

backend/user-service/controller/auth-controller.ts

@@ -20,11 +20,10 @@ export async function handleLogin(req: AuthenticatedRequest, res: Response): Pro
       }
 
       const accessToken = jwt.sign(
-        { id: user.id },
+        { id: user.id, admin: user.isAdmin },
         process.env.JWT_SECRET as string,
         { expiresIn: "7d" }
       );
-      console.log(accessToken);
       return res.status(200).json({
         message: "User logged in",
         data: { accessToken, user: formatUserResponse(user) },

frontend/src/components/QuestionCategoryAutoComplete/index.tsx

@@ -3,8 +3,8 @@ import { createFilterOptions } from "@mui/material/Autocomplete";
 import { categoryList } from "../../utils/constants";
 
 interface QuestionCategoryAutoCompleteProps {
-  selectedCategories?: string[];
-  setSelectedCategories: (value: string[]) => void;
+  selectedCategories: string[];
+  setSelectedCategories: React.Dispatch<React.SetStateAction<string[]>>;
 }
 
 const QuestionCategoryAutoComplete: React.FC<QuestionCategoryAutoCompleteProps> = ({
@@ -27,8 +27,9 @@ const QuestionCategoryAutoComplete: React.FC<QuestionCategoryAutoCompleteProps>
       onChange={(e, newCategoriesSelected) => {
         const newValue = newCategoriesSelected[newCategoriesSelected.length - 1];
         if (typeof newValue === "string" && newValue.startsWith(`Add: "`)) {
-          categoryList.push(newValue.slice(6, -1));
-          setSelectedCategories([...newCategoriesSelected.slice(0, -1), newValue.slice(6, -1)]);
+          const newCategory = newValue.slice(6, -1);
+          categoryList.push(newCategory);
+          setSelectedCategories((prev) => [...prev, newCategory]);
         } else {
           setSelectedCategories(newCategoriesSelected);
         }

frontend/src/pages/NewQuestion/index.tsx

@@ -1,12 +1,6 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
-import {
-  Autocomplete,
-  Button,
-  IconButton,
-  Stack,
-  TextField,
-} from "@mui/material";
+import { Autocomplete, Button, IconButton, Stack, TextField } from "@mui/material";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import axios from "axios";
 import { ToastContainer, toast } from "react-toastify";
@@ -25,38 +19,22 @@ const NewQuestion = () => {
 
   const [title, setTitle] = useState<string>("");
   const [markdownText, setMarkdownText] = useState<string>("");
-  const [selectedComplexity, setselectedComplexity] = useState<string | null>(
-    null
-  );
+  const [selectedComplexity, setselectedComplexity] = useState<string | null>(null);
   const [selectedCategories, setSelectedCategories] = useState<string[]>([]);
   const [uploadedImagesUrl, setUploadedImagesUrl] = useState<string[]>([]);
   const [isPreviewQuestion, setIsPreviewQuestion] = useState<boolean>(false);
 
   const handleBack = () => {
-    if (
-      title ||
-      markdownText ||
-      selectedComplexity ||
-      selectedCategories.length > 0
-    ) {
-      if (
-        !confirm(
-          "Are you sure you want to leave this page? All process will be lost."
-        )
-      ) {
+    if (title || markdownText || selectedComplexity || selectedCategories.length > 0) {
+      if (!confirm("Are you sure you want to leave this page? All process will be lost.")) {
         return;
       }
     }
     navigate("/questions");
   };
 
   const handleSubmit = async () => {
-    if (
-      !title ||
-      !markdownText ||
-      !selectedComplexity ||
-      selectedCategories.length === 0
-    ) {
+    if (!title || !markdownText || !selectedComplexity || selectedCategories.length === 0) {
       toast.error("Please fill in all fields");
       return;
     }
@@ -80,8 +58,7 @@ const NewQuestion = () => {
       navigate("/questions");
     } catch (error) {
       if (axios.isAxiosError(error)) {
-        const message =
-          error.response?.data.message || "Failed to create question";
+        const message = error.response?.data.message || "Failed to create question";
         toast.error(message);
       } else {
         toast.error("Failed to create question");
@@ -122,12 +99,11 @@ const NewQuestion = () => {
             onChange={(e, newcomplexitySelected) => {
               setselectedComplexity(newcomplexitySelected);
             }}
-            renderInput={(params) => (
-              <TextField {...params} label="Complexity" />
-            )}
+            renderInput={(params) => <TextField {...params} label="Complexity" />}
           />
 
           <QuestionCategoryAutoComplete
+            selectedCategories={selectedCategories}
             setSelectedCategories={setSelectedCategories}
           />
 
@@ -136,10 +112,7 @@ const NewQuestion = () => {
             setUploadedImagesUrl={setUploadedImagesUrl}
           />
 
-          <QuestionMarkdown
-            markdownText={markdownText}
-            setMarkdownText={setMarkdownText}
-          />
+          <QuestionMarkdown markdownText={markdownText} setMarkdownText={setMarkdownText} />
         </>
       )}
 
@@ -152,10 +125,7 @@ const NewQuestion = () => {
           color="secondary"
           fullWidth
           disabled={
-            !title &&
-            !markdownText &&
-            !selectedComplexity &&
-            selectedCategories.length === 0
+            !title && !markdownText && !selectedComplexity && selectedCategories.length === 0
           }
           onClick={() => setIsPreviewQuestion((prev) => !prev)}
         >