Merge pull request #831 from bounswe/bugfix/FE/830/games-search-null-fix

bugfix search
bounswe · Dec 25, 2023 · 756f941 · 756f941
2 parents 0517e9d + a7f37ce
commit 756f941
Showing 1 changed file with 10 additions and 14 deletions.
diff --git a/ludos/frontend/src/pages/GamesPage.js b/ludos/frontend/src/pages/GamesPage.js
@@ -33,7 +33,6 @@ const gameHighlight = [
   },
 ];
 
-
 const convertToSlug = (text) => {
   return text
     ?.toString()
@@ -42,7 +41,7 @@ const convertToSlug = (text) => {
     .replace(/[\s_]/g, "-") // Replace spaces or underscores with dashes
     .replace(/[^\w-]+/g, "") // Remove non-word characters except dashes
     .replace(/--+/g, "-"); // Replace multiple dashes with single dash
-}
+};
 
 export default function GamesPage() {
   const [searchValue, setSearchValue] = useState("");
@@ -51,7 +50,6 @@ export default function GamesPage() {
   const [suggestedGames, setSuggestedGames] = useState([]);
   const [upcomingTitles, setUpcomingTitles] = useState([]);
 
-
   const axiosInstance = axios.create({
     baseURL: `http://${process.env.REACT_APP_API_URL}`,
     headers: {
@@ -89,7 +87,9 @@ export default function GamesPage() {
     };
 
     axiosInstance
-      .get("/post?isLiked=false&isDisliked=false&isUpcomingTitle=true&order=ASC&orderByKey=numberOfLikes")
+      .get(
+        "/post?isLiked=false&isDisliked=false&isUpcomingTitle=true&order=ASC&orderByKey=numberOfLikes",
+      )
       .then((response) => {
         const formattedTopics = response.data.items.map((topic) => ({
           title: topic?.title,
@@ -109,22 +109,17 @@ export default function GamesPage() {
               ? topic?.upcomingTitle?.isUpcomingTitle
               : false,
         }));
-        console.log("formattedTopics:")
+        console.log("formattedTopics:");
         console.log(formattedTopics);
         setUpcomingTitles(formattedTopics);
         console.log("upcomingTitles:");
         console.log(upcomingTitles);
       })
       .catch((error) => {
         console.log(error);
-      })
-
-
-
-
+      });
   }, []);
 
-
   useEffect(() => {
     const fetchGames = async () => {
       axiosInstance
@@ -215,7 +210,9 @@ export default function GamesPage() {
           value={searchValue}
           onChange={(event, newValue) => {
             setSearchValue(newValue);
-            handleGameRoute(newValue);
+            if (newValue) {
+              handleGameRoute(newValue);
+            }
           }}
           options={games.map((game) => game.title)}
           onInputChange={(event, newInputValue) => {
@@ -327,9 +324,8 @@ export default function GamesPage() {
               style={{ gap: "16px", display: "flex", flexDirection: "column" }}
             >
               {upcomingTitles.map((topic, index) => {
-                return <ForumTopic key={index} topic={topic} />
+                return <ForumTopic key={index} topic={topic} />;
               })}
-
             </div>
           </div>
         </Container>