Fix frontend Build, And Rename ResumePage To Resume

Signed-off-by: Tal Jacob <taljacob2@gmail.com>

Author: taljacob2

nextstep-frontend/src/App.tsx

@@ -10,7 +10,7 @@ import RequireAuth from './hoc/RequireAuth';
 import NewPost from './pages/NewPost';
 import PostDetails from './pages/PostDetails';
 import Chat from './pages/Chat';
-import ResumePage from './pages/ResumePage';
+import Resume from './pages/Resume';
 import TopBar from './components/TopBar';
 import Layout from './components/Layout';
 
@@ -27,7 +27,7 @@ const App: React.FC = () => {
           <Route path="/new-post" element={<RequireAuth><TopBar /><Layout><NewPost /></Layout></RequireAuth>} />
           <Route path="/post/:postId" element={<RequireAuth><TopBar /><Layout><PostDetails /></Layout></RequireAuth>} />
           <Route path="/chat" element={<RequireAuth><TopBar /><Layout><Chat /></Layout></RequireAuth>} />
-          <Route path="/resume" element={<RequireAuth><TopBar /><Layout><ResumePage /></Layout></RequireAuth>} />
+          <Route path="/resume" element={<RequireAuth><TopBar /><Layout><Resume /></Layout></RequireAuth>} />
           <Route path="*" element={<Navigate to="/" />} />
         </Routes>
       </Router>

nextstep-frontend/src/pages/NewPost.tsx

@@ -6,7 +6,6 @@ import FroalaEditor from 'react-froala-wysiwyg';
 import 'froala-editor/css/froala_style.min.css';
 import 'froala-editor/css/froala_editor.pkgd.min.css';
 import 'froala-editor/js/plugins/image.min.js';
-import TopBar from '../components/TopBar';
 import api from "../serverApi.ts";
 import { getUserAuth } from '../handlers/userAuth.ts';
 

…xtstep-frontend/src/pages/ResumePage.tsx nextstep-frontend/src/pages/Resume.tsxnextstep-frontend/src/pages/ResumePage.tsx renamed to nextstep-frontend/src/pages/Resume.tsx nextstep-frontend/src/pages/ResumePage.tsx renamed to nextstep-frontend/src/pages/Resume.tsx

@@ -1,10 +1,8 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { Box, Button, CircularProgress, Typography, TextField } from '@mui/material';
 import { styled } from '@mui/material/styles';
-import { useNavigate } from 'react-router-dom';
 import { config } from '../config';
 import api from '../serverApi';
-import TopBar from '../components/TopBar';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
@@ -19,7 +17,7 @@ const UploadBox = styled(Box)(({ theme }) => ({
   },
 }));
 
-const ScoreGauge = styled(Box)<{ score: number }>(({ theme, score }) => ({
+const ScoreGauge = styled(Box)<{ score: number }>(({ theme }) => ({
   width: '200px',
   height: '200px',
   borderRadius: '50%',
@@ -82,7 +80,7 @@ const FeedbackContainer = styled(Box)(({ theme }) => ({
   },
 }));
 
-const ResumePage: React.FC = () => {
+const Resume: React.FC = () => {
   const [file, setFile] = useState<File | null>(null);
   const [jobDescription, setJobDescription] = useState('');
   const [feedback, setFeedback] = useState('');
@@ -91,7 +89,6 @@ const ResumePage: React.FC = () => {
   const [error, setError] = useState('');
   const fileInputRef = useRef<HTMLInputElement>(null);
   const feedbackEndRef = useRef<HTMLDivElement>(null);
-  const navigate = useNavigate();
 
   // Auto-scroll to bottom when feedback updates
   useEffect(() => {
@@ -256,4 +253,4 @@ const ResumePage: React.FC = () => {
   );
 };
 
-export default ResumePage; 
+export default Resume;