Merge pull request #115 from CS3219-AY2324S1/update-homepage

Update homepage
CS3219-AY2324S1 · Nov 15, 2023 · 85cfa39 · 85cfa39
2 parents c8f7c63 + 96248a8
commit 85cfa39
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/frontend/src/components/Home.tsx b/frontend/src/components/Home.tsx
@@ -1,6 +1,7 @@
-import { useEffect } from "react";
+import React, { useEffect } from "react";
 import { Box } from "@mui/material";
 import ButtonModal from "./MatchingService/MatchButton";
+import QuestionsTable from "./Questions/QuestionsTable";
 
 export default function Home() {
   // Sample data for practice questions (you can replace this with actual data)
@@ -23,21 +24,21 @@ export default function Home() {
   }, []);
 
   return (
-    <Box>
-      <div>
-        <h1>Welcome to the Technical Interview Preparation Portal</h1>
+    <React.Fragment>
+      <Box width="80%">
         <div>
-          <h2>Practice Questions</h2>
-          <ul>
-            {practiceQuestions.map((question) => (
-              <li key={question.difficulty}>
-                {question.difficulty}: {question.count} questions
-              </li>
-            ))}
-          </ul>
-          <ButtonModal />
+          <h1>Welcome to the Technical Interview Preparation Portal</h1>
+          <div>
+            <h2>Match with someone</h2>
+              Match with a partner to collaborate and solve a problem together
+            <br /> <br />
+            <ButtonModal />
+            <h2>Practice on your own</h2>
+              Click on any question below to start your personal practice session
+          </div>
         </div>
-      </div>
-    </Box>
+      </Box>
+      <QuestionsTable />
+    </React.Fragment>
   );
 }
diff --git a/frontend/src/pages/App.tsx b/frontend/src/pages/App.tsx
@@ -12,7 +12,6 @@ export default function App() {
       <Navbar />    
       <CenteredContainer>
         <Home />
-        <QuestionsTable />
       </CenteredContainer>
     </Box>
   );