Merge pull request #58 from Priya-creates/feat/loading-skeleton

Add reusable loading skeletons with ARIA labels for Weather Dashboard (Fixes #13)

Author: venisha-kalola

src/App.jsx

@@ -65,7 +65,7 @@ export default function App() {
             <Route path="/trivia" element={<Trivia />} />
             <Route path="/jokes-quotes" element={<JokesQuotes />} />
             <Route path="/pets" element={<Pets />} />
-            <Route path="/covid" element={<Covid />} />
+            <Route path="/covid" element={<Covid />} />        
         </Routes>
       </main>
     </div>

src/components/Skeleton.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Skeleton = ({width, height}) => {
+  return (
+    <span className="skeleton" style={{width:`${width}`, height:`${height}`}}></span>
+  )
+}
+
+export default Skeleton;