fix(frontend): 🐛 fix id being shown instead of name in dropdown (#387)

docs/developing.md

@@ -10,6 +10,8 @@ To install all requirements simply do the following from the project root:
 
 `npm i && cd ./frontend && npm i && cd ../backend && npm i && cd ..` This will run npm install in all the folders necessary.
 
+Goto `/backend` and copy the `.env.example` file and paste it as a `.env`.
+
 Then do `npm run dev` from the root dir to run both the client and the server at the same time.
 
 If this doesn't work you might have to enter and build the backend (strapi) first.

frontend/src/components/homeComponents/SatDropdown.tsx

@@ -132,6 +132,7 @@ export default function SatDropdown({
                 transition={{ duration: 0.5 }}
             >
                 {Object.entries(satNumToEntry).map(([num]) => {
+                    let satNum = Number(num) as SatelliteNumber;
                     return (
                         <div
                             key={num}
@@ -140,10 +141,9 @@ export default function SatDropdown({
                                 handleSelect(Number(num) as SatelliteNumber)
                             }
                         >
-                            {(Number(num) as SatelliteNumber) !==
-                            selectedSatellite
-                                ? num
-                                : `${num} (Selected)`}
+                            {satNum !== selectedSatellite
+                                ? satNumToEntry[satNum].name
+                                : `${satNumToEntry[satNum].name} (Selected)`}
                         </div>
                     );
                 })}