Uncomment find match form

Author: jolynloh

frontend/src/pages/Home/index.tsx

@@ -1,40 +1,40 @@
 import {
-  // Autocomplete,
-  // Button,
-  // Card,
-  // FormControl,
-  // Grid2,
-  // TextField,
+  Autocomplete,
+  Button,
+  Card,
+  FormControl,
+  Grid2,
+  TextField,
   Typography,
 } from "@mui/material";
-// import { useEffect, useReducer, useState } from "react";
+import { useEffect, useReducer, useState } from "react";
 
 import classes from "./index.module.css";
 import AppMargin from "../../components/AppMargin";
-// import {
-//   complexityList,
-//   languageList,
-//   maxMatchTimeout,
-//   minMatchTimeout,
-// } from "../../utils/constants";
-// import reducer, {
-//   getQuestionCategories,
-//   initialState,
-// } from "../../reducers/questionReducer";
-// import CustomChip from "../../components/CustomChip";
-// import homepageImage from "/homepage_image.svg";
+import {
+  complexityList,
+  languageList,
+  maxMatchTimeout,
+  minMatchTimeout,
+} from "../../utils/constants";
+import reducer, {
+  getQuestionCategories,
+  initialState,
+} from "../../reducers/questionReducer";
+import CustomChip from "../../components/CustomChip";
+import homepageImage from "/homepage_image.svg";
 
 const Home: React.FC = () => {
-  // const [complexity, setComplexity] = useState<string[]>([]);
-  // const [selectedCategories, setSelectedCategories] = useState<string[]>([]);
-  // const [language, setLanguage] = useState<string[]>([]);
-  // const [timeout, setTimeout] = useState<number>(30);
+  const [complexity, setComplexity] = useState<string[]>([]);
+  const [selectedCategories, setSelectedCategories] = useState<string[]>([]);
+  const [language, setLanguage] = useState<string[]>([]);
+  const [timeout, setTimeout] = useState<number>(30);
 
-  // const [state, dispatch] = useReducer(reducer, initialState);
+  const [state, dispatch] = useReducer(reducer, initialState);
 
-  // useEffect(() => {
-  //   getQuestionCategories(dispatch);
-  // }, []);
+  useEffect(() => {
+    getQuestionCategories(dispatch);
+  }, []);
 
   return (
     <AppMargin
@@ -65,8 +65,7 @@ const Home: React.FC = () => {
         Your ultimate technical interview preparation platform to practice
         whiteboard style interview questions with a peer.
       </Typography>
-      {/* 
-      <Box
+      {/* <Box
         component="img"
         src={homepageImage}
         alt="Interview Practice Buddy"
@@ -79,7 +78,7 @@ const Home: React.FC = () => {
           objectFit: "contain",
         }}
       /> */}
-      {/* <Card
+      <Card
         sx={{
           padding: 4,
           width: "100%",
@@ -269,7 +268,7 @@ const Home: React.FC = () => {
         >
           Find my match!
         </Button>
-      </Card> */}
+      </Card>
     </AppMargin>
   );
 };