Edit header titles for question pages

Remove unused imports

Author: szelongq

QuestionService/src/question/question.controller.ts

@@ -3,10 +3,6 @@ import {addQuestion, db, deleteQuestion, updateQuestion} from "./question.servic
 import {
   getDocs,
   collection,
-  deleteDoc,
-  doc,
-  addDoc,
-  setDoc,
 } from "firebase/firestore";
 
 interface Question {

frontend/src/components/Questions/AddQuestionTab.tsx

@@ -40,7 +40,7 @@ const AddQuestionTab: React.FC = () => {
             <Box component="span" padding={2} width='80%'>
                 {addQuestions ?
                     <React.Fragment>
-                        <Typography variant="h4" gutterBottom>
+                        <Typography variant="h5" gutterBottom>
                             Add Question
                         </Typography>
                         <QuestionForm onSubmit={onSubmit} onCancel={onCancel} />

frontend/src/components/Questions/EditQuestionTab.tsx

@@ -3,7 +3,7 @@ import Question from "./Question";
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid';
 import Button from '@mui/material/Button';
-import {Box, Card, Paper} from "@mui/material";
+import {Box} from "@mui/material";
 import QuestionForm from "./QuestionForm";
 
 interface EditQuestionPreviewProps {

frontend/src/components/Questions/EditQuestionsTab.tsx

@@ -3,9 +3,9 @@ import EditQuestionsTable from "./EditQuestionsTable";
 import {Box, Button} from "@mui/material";
 import Grid from "@mui/material/Grid";
 import Question from "./Question";
-import {Delete} from "@mui/icons-material";
-import {addQuestion, deleteQuestion, updateQuestion} from "../../api/questions/data";
+import {deleteQuestion, updateQuestion} from "../../api/questions/data";
 import {AxiosError} from "axios";
+import Typography from "@mui/material/Typography";
 
 
 const EditQuestionsTab: React.FC = () => {
@@ -56,6 +56,9 @@ const EditQuestionsTab: React.FC = () => {
             <Box component="span" padding={2} width='80%'>
                 {editQuestions ?
                     <React.Fragment>
+                        <Typography variant="h5" gutterBottom>
+                            Edit Questions
+                        </Typography>
                         <Grid container spacing={3}>
                             <Grid item sm={12}>
                                 <EditQuestionsTable onEdit={onEdit} onDelete={onDelete}/>

frontend/src/pages/QuestionsManage.tsx

@@ -1,19 +1,21 @@
-import { Box, CssBaseline } from "@mui/material";
+import {Box, CssBaseline, Typography} from "@mui/material";
 import Navbar from "../components/Navbar";
 import CenteredContainer from "../components/CenteredContainer";
-import QuestionsTable from "../components/Questions/QuestionsTable";
 import AddQuestionTab from "../components/Questions/AddQuestionTab";
 import EditQuestionsTab from "../components/Questions/EditQuestionsTab";
+import React from "react";
 
 export default function QuestionsManage() {
   return (
     <Box>
       <CssBaseline />
-      <Navbar />    
+      <Navbar />
       <CenteredContainer>
-        <QuestionsTable />
-        <AddQuestionTab />
-        <EditQuestionsTab />
+          <Typography variant="h4" align="center" gutterBottom paddingTop={3}>
+            Manage Question Repository
+          </Typography>
+          <AddQuestionTab />
+          <EditQuestionsTab />
       </CenteredContainer>
     </Box>
   );

frontend/src/pages/QuestionsView.tsx

@@ -1,14 +1,18 @@
-import { Box, CssBaseline } from "@mui/material";
+import {Box, CssBaseline, Typography} from "@mui/material";
 import Navbar from "../components/Navbar";
 import CenteredContainer from "../components/CenteredContainer";
 import QuestionsTable from "../components/Questions/QuestionsTable";
+import React from "react";
 
 export default function QuestionsView() {
   return (
     <Box>
       <CssBaseline />
       <Navbar />    
       <CenteredContainer>
+        <Typography variant="h4" align="center" gutterBottom paddingTop={3}>
+          Questions
+        </Typography>
         <QuestionsTable />
       </CenteredContainer>
     </Box>