Merge remote-tracking branch 'origin/hist' into hist

Author: ketamethane

Frontend/src/components/user/HistoryPage.jsx

@@ -4,14 +4,13 @@ import HistoryTable from './HistoryTable';
 import ProfileSidebar from './ProfileSidebar';
 import { getUserFromToken } from "./utils/authUtils";
 
-// get question title and create current time
-// get request successful
 
 
 function HistoryPage() {
     const [userID, setUserID] = useState(null);
     const [username, setUsername] = useState(null);
 
+
     useEffect(() => {
         async function fetchData() {
             try {
@@ -20,6 +19,7 @@ function HistoryPage() {
                     setUserID(user.userId); // asynchronous
                     setUsername(user.username); // asynchronous
                     console.log(`I have gotten the user id in history page: ${user.userId} ${user.username}`)
+
                 }
             } catch (error) {
                 console.error('Error fetching user ID in history page component:', error);
@@ -35,7 +35,7 @@ function HistoryPage() {
             <NavigationBar/>
             <div className="row">
                 <div className="Navbar col-2">
-                    <ProfileSidebar userID={userID} username={username} />
+                    <ProfileSidebar userID={userID}/>
                 </div>
                 <div className="col-10">
                     <HistoryTable userID={userID}/>

Frontend/src/services/history.js

@@ -9,7 +9,9 @@ const getHistoryByUserId = (userId) => {
 
 // Sample function to add a new history attempt (optional)
 const createHistoryAttempt = async (newAttempt) => {
-    const response = await axios.post(baseUrl, newAttempt);
+    const response = await axios.post(baseUrl, newAttempt, {
+      headers: { Authorization: `Bearer ${sessionStorage.getItem('jwt_token')}` },
+    });
     return response.data;
 };