Updated frontend only to use actual pokemon

.gitignore

@@ -1,3 +1,2 @@
-frontend/.firebase/hosting.YnVpbGQ.cache
-.DS_Store
-frontend/.firebase/hosting.YnVpbGQ.cache
+frontend/.firebase/*
+.DS_Store

frontend/src/App.js

@@ -29,19 +29,12 @@ function App() {
       fetch(
         `https://asifislam510.pythonanywhere.com/${searchMethod}/moves?name=${searchText}`
       )
-        .then((res) => res.json()) // Convert API to json
+        .then((res) => res.json()) // Convert API response to json
         .then((data) => {
           // Parse data
           if (data.status !== 400) {
             let tempList = data.pokemon.split("\n");
 
-            //Split the names and update array
-            for (let i = 0; i < tempList.length; i++) {
-              const wordRegex = /[A-Z}[a-z[A-Z]?[a-z\-]+|[0-9]+|[A-Z]/gm;
-              const string = tempList[i];
-              const result = string.match(wordRegex);
-              tempList[i] = result[0] + " " + result[1];
-            }
             // Update count and fetch time
             setResultsCount(data.count);
             setFetchTime(data.time);

frontend/src/components/PokedexEntry.js

@@ -22,8 +22,7 @@ const PokedexEntry = () => {
 
   // Fetch the list of moves from backend api
   const fetchMove = () => {
-    const searchName =
-      state.pokemon_name.split(" ")[0] + state.pokemon_name.split(" ")[1];
+    const searchName = state.pokemon_name;
     const url =
       `https://asifislam510.pythonanywhere.com/${searchMethod}/pokemon?name=` +
       searchName;
@@ -60,9 +59,7 @@ const PokedexEntry = () => {
 
   // split names (Ex: pikachuAlan => Pikachu Alan)
   const getFormattedName = (pokemon_name) => {
-    const fname = pokemon_name.split(" ")[0];
-    const upperCase = fname.substring(0, 1).toUpperCase() + fname.substring(1);
-    return upperCase + " " + pokemon_name.split(" ")[1];
+    return capitalize(pokemon_name);
   };
 
   // Capitalize the first letter of the word

frontend/src/components/PokemonCard.js

@@ -16,17 +16,9 @@ const PokemonCard = ({ pokemon_name }) => {
     }
   };
 
-  const capitalizeName = (nameToCapitalize) => {
-    try {
-      const temp = nameToCapitalize.split(" ");
-      const firstName = temp[0].charAt(0).toUpperCase() + temp[0].slice(1);
-      const lastName = temp[1];
-      return `${firstName} ${lastName}`;
-    } catch (error) {
-      console.log("Error: name undefined");
-      return "";
-    }
-  };
+  // Capitalize the first letter of the word
+  const capitalize = (word) =>
+    word.substring(0, 1).toUpperCase() + word.substring(1);
 
   useEffect(() => {
     getSprite();
@@ -47,7 +39,7 @@ const PokemonCard = ({ pokemon_name }) => {
           to={`/card/${pokemon_name}`}
           state={{ pokemon_name: pokemon_name }}
         >
-          {capitalizeName(pokemon_name)}
+          {capitalize(pokemon_name)}
         </Link>
       </h2>
       <img