diff --git a/src/App.tsx b/src/App.tsx index b59bdcb..f804bc6 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,3 @@ -import React from "react"; import "./App.css"; import { Route, Routes } from "react-router-dom"; import Home from "./pages/Home"; diff --git a/src/components/ButtonRow.tsx b/src/components/ButtonRow.tsx index 467b66f..31a0585 100644 --- a/src/components/ButtonRow.tsx +++ b/src/components/ButtonRow.tsx @@ -1,4 +1,3 @@ -import React from "react"; import { Button, Grid2 } from "@mui/material"; export interface ActionProps { diff --git a/src/components/PageSwitcher.tsx b/src/components/PageSwitcher.tsx index 0bdfb78..4fcf827 100644 --- a/src/components/PageSwitcher.tsx +++ b/src/components/PageSwitcher.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from "react"; +import { useEffect, useState } from "react"; import { Button, ButtonGroup, Tooltip, Zoom } from "@mui/material"; import { Link } from "react-router-dom"; diff --git a/src/components/ShowReviews.tsx b/src/components/ShowReviews.tsx index 66c531a..ac1b3b6 100644 --- a/src/components/ShowReviews.tsx +++ b/src/components/ShowReviews.tsx @@ -1,4 +1,3 @@ -import React from "react"; import { List, ListItem, @@ -30,7 +29,7 @@ function ShowReviews({ reviews }: ShowReviewsProps) { return ( - {reviews.map((review, index) => { + {reviews.map((review) => { return ( diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 67bc5cf..4746434 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -11,7 +11,7 @@ import { import "../App.css"; import ButtonRow, { ActionProps } from "../components/ButtonRow"; import ReviewField, { ReviewFieldProps } from "../components/ReviewField"; -import { useState } from "react"; +import { useEffect, useState } from "react"; import EndpointDialog from "../components/EndpointDialong"; import PageSwitcher from "../components/PageSwitcher"; @@ -125,9 +125,7 @@ function Home({ endpoint, setEndpoint, secure, setSecure }: HomeProps) { }; const getEmptyFields = () => { - return !endpoint - ? "Endpoint is not set!" - : !rating + return !rating ? "You must input a rating!" : fields[0].dynamicState[0].length < 2 ? "You must enter a username at least 2 characters long!" @@ -150,7 +148,10 @@ function Home({ endpoint, setEndpoint, secure, setSecure }: HomeProps) { const info = {infoText}; const alert = {alertText}; - setEndpoint(JSON.parse(localStorage.getItem("apiEndpoint")!) || ""); + + useEffect(() => { + setEndpoint(JSON.parse(localStorage.getItem("apiEndpoint")!) || ""); + }, []); return ( <>