Fix bug in category autocomplete, add isAdmin to user token

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

@@ -1,10 +1,11 @@
+import { useState } from "react";
 import { Autocomplete, Chip, TextField } from "@mui/material";
 import { createFilterOptions } from "@mui/material/Autocomplete";
 import { categoryList } from "../../utils/constants";
 
 interface QuestionCategoryAutoCompleteProps {
   selectedCategories?: string[];
-  setSelectedCategories: (value: string[]) => void;
+  setSelectedCategories: React.Dispatch<React.SetStateAction<string[]>>;
 }
 
 const QuestionCategoryAutoComplete: React.FC<QuestionCategoryAutoCompleteProps> = ({
@@ -14,6 +15,10 @@ const QuestionCategoryAutoComplete: React.FC<QuestionCategoryAutoCompleteProps>
   // TODO
   // Fetch category list from the server
 
+  // copy is created to ensure that Autocomplete rerenders when the selectedCategories change
+  const [selectedCategoriesCopy, setSelectedCategoriesCopy] = useState<string[]>(
+    selectedCategories || []
+  );
   const filter = createFilterOptions<string>();
 
   return (
@@ -23,13 +28,16 @@ const QuestionCategoryAutoComplete: React.FC<QuestionCategoryAutoCompleteProps>
       options={categoryList}
       size="small"
       sx={{ marginTop: 2 }}
-      value={selectedCategories}
+      value={selectedCategoriesCopy}
       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);
+          setSelectedCategoriesCopy((prev) => [...prev, newCategory]);
+          setSelectedCategories((prev) => [...prev, newCategory]);
         } else {
+          setSelectedCategoriesCopy(newCategoriesSelected);
           setSelectedCategories(newCategoriesSelected);
         }
       }}