unused variable corrections

Author: the-duckchild

src/App.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import "./App.scss";
-import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom';
+import {BrowserRouter as Router, Routes, Route} from 'react-router-dom';
 import PhotoOfTheDay from './Components/photoOfTheDay'
 
 

src/Components/photoOfTheDay.scss

@@ -33,4 +33,13 @@ $general-font: "Public Sans";
     color: $text-color;
     padding: 5px;
     text-align: center;
+    display: none;
+}
+
+.photoTitle {
+    width: 70%;
+    margin: auto;
+    color: $text-color;
+    padding: 5px;
+    text-align: center;
 }

src/Components/photoOfTheDay.spec.tsx

@@ -41,22 +41,3 @@ describe (PhotoOfTheDay, ()=>{
 })})
 
     })
-
-//     describe (PhotoOfTheDay, ()=>{
-
-//      it ("Should render fallback image", async ()=>{
-//         global.fetch = jest.fn(() =>
-//         Promise.resolve(
-//         new Response(
-//         JSON.stringify({
-//         title: "Astronomy Picture of the Day",
-//         explanation: "An amazing view of the International Space Station transiting the Sun.",
-//       })
-//     )))
-//         render(<PhotoOfTheDay/>)
-//         const testImage = document.querySelector("img") as HTMLImageElement;
-//         await waitFor(() => {
-//         expect(testImage).toBeInTheDocument;
-    
-// })})
-//     })

src/Components/photoOfTheDay.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from "react";
-import { data } from "react-router";
 import "./photoOfTheDay.scss";
 
 
@@ -9,11 +8,10 @@ export default function PhotoOfTheDay () {
     const [title, setTitle] = useState<string>()
     const [explanation,setExplanation] = useState<string>()
 
-
-    const fallBackImageDates = ["2025-05-08" , "2025-05-13", "2025-04-24" , "2025-03-26" , "2025-04-13" , "2025-03-23" , "2025-01-15" , "2024-11-10" , "2024-03-22" , "2023-08-10"]
-    const photoAddress = "https://api.nasa.gov/planetary/apod?&api_key=5s0C1UhCZLh3WVVN2kGzF1kEw76CImpsBBf3AvEy"
-
     useEffect (() => {
+        const photoAddress = "https://api.nasa.gov/planetary/apod?api_key=5s0C1UhCZLh3WVVN2kGzF1kEw76CImpsBBf3AvEy"
+        const fallBackImageDates = ["2025-05-08" , "2025-05-13", "2025-04-24" , "2025-03-26" , "2025-04-13" , "2025-03-23" , "2025-01-15" , "2024-11-10" , "2024-03-22" , "2023-08-10"]
+        
         fetch(photoAddress)
             .then(response => response.json())
             .then( data => {   
@@ -42,12 +40,12 @@ export default function PhotoOfTheDay () {
 return ( 
 <div> <link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"></link>  
         <div className="photoOfTheDayContainer">
-            <img src={photo} className="photo-of-the-day" width="100%" alt-text={title}/>
+            <img src={photo} className="photo-of-the-day" width="100%" alt={title}/>
 
         </div>
-        <div className="explanation">Astronomy Photo of the Day</div>
+        <div className="photoTitle">Astronomy Photo of the Day</div>
         <div className="explanation">
-        {/* {explanation} */}
+        {explanation}
         </div>
 </div>
 )