React: Small changes

frontend/src/components/EditLocation.js

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { Modal, Form, Button, Alert, Row, Col } from "react-bootstrap";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 
 function EditLocationContent({ location, mazesChanged, locationsChanged }) {
   const { t } = useTranslation();

frontend/src/components/MazeModal.js

@@ -5,7 +5,7 @@ import { Modal, Form, Button, Alert, Row, Col } from "react-bootstrap";
 import LocationList from "./LocationList";
 import { BACKEND_URL, FRONTEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 import PDFButtons from "./PDFButtons";
 
 function MazeModalContent({ mazeData, locations, mazeChanged, locationsChanged, token, setToken }) {

frontend/src/components/Menu.js

@@ -2,7 +2,7 @@ import React, { useContext } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import { Container, Nav, Navbar, Form} from "react-bootstrap";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 
 export default function Menu() {
   const { i18n, t } = useTranslation();

frontend/src/pages/Account.js

@@ -5,7 +5,7 @@ import { ArrowUp, X } from "react-bootstrap-icons";
 import ScrollToTop from "react-scroll-to-top";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 import LoadingSpinner from "../components/LoadingSpinner";
 import MazeModal from "../components/MazeModal";
 import LocationList from "../components/LocationList";

frontend/src/pages/CheckMaze.js

@@ -7,7 +7,7 @@ import CheckMazeRecognise from "../components/CheckMazeRecognise";
 import CheckMazeResults from "../components/CheckMazeResults";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 import TokenRefresher from "../utils/TokenRefresher";
 
 export default function CheckMaze() {

frontend/src/pages/GenerateMaze.js

@@ -7,7 +7,7 @@ import MazeModal from "../components/MazeModal";
 import SolutionIDForm from "../components/SolutionIDForm";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 import ScrollToTop from "react-scroll-to-top";
 
 export default function GenerateMaze() {

frontend/src/pages/Login.js

@@ -4,7 +4,7 @@ import { useNavigate, Link, useLocation } from "react-router-dom"
 import { Form, Button, InputGroup, Alert } from "react-bootstrap";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 
 export default function Login() {
   const { t } = useTranslation();

frontend/src/pages/Signup.js

@@ -4,7 +4,7 @@ import { useNavigate, Link } from "react-router-dom"
 import { Form, Button, InputGroup, Alert } from "react-bootstrap";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 
 export default function Signup() {
   const { t } = useTranslation();

frontend/src/pages/SolveMaze.js

@@ -4,7 +4,7 @@ import { useTranslation } from "react-i18next";
 import { Form, Button, Alert, Row, Col } from "react-bootstrap";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "../utils/TokenContext";
+import TokenContext from "../utils/TokenContext";
 import LoadingSpinner from "../components/LoadingSpinner";
 import MazeOnlineSolve from "../components/MazeOnlineSolve";
 import CheckMazeResults from "../components/CheckMazeResults";

frontend/src/utils/AuthChecker.test.js

@@ -5,8 +5,8 @@
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import { toBeInTheDocument } from "@testing-library/jest-dom";
-import { TokenContext } from "./TokenContext";
 import { MemoryRouter  } from "react-router-dom";
+import TokenContext from "./TokenContext";
 import AuthChecker from "./AuthChecker";
 
 //Mock the Navigate component from react-router-dom

frontend/src/utils/Layout.js

@@ -5,7 +5,7 @@ import { Container, Modal } from "react-bootstrap";
 import Menu from "../components/Menu";
 import { BACKEND_URL } from "../utils/constants";
 import axios from "axios";
-import { TokenContext } from "./TokenContext";
+import TokenContext from "./TokenContext";
 
 const SessionExpired = {
   NO: -1,

frontend/src/utils/TokenContext.js

@@ -1,7 +1,16 @@
 import { createContext } from "react";
 
-export const TokenContext = createContext({
+/**
+ * TokenContext helps managing authentication token.
+ * It provides a context object with the following properties:
+ * - token: A string representing the current authentication token.
+ * - setToken: A function for setting the current authentication token.
+ * - logout: A function for logging out the user, which should clear the current authentication token.
+ */
+const TokenContext = createContext({
   token: "",
   setToken: () => {},
   logout: () => {},
 });
+
+export default TokenContext;