performance: compressed background image to reduce loadtime

ChristoGrab · Jun 15, 2023 · 1a3a3a0 · 1a3a3a0
1 parent d099781
commit 1a3a3a0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/public/night-sky.webp b/public/night-sky.webp
diff --git a/src/App.js b/src/App.js
@@ -4,16 +4,18 @@ import Viewport from './components/Viewport';
 import InfoCard from "./components/InfoCard";
 import SolarSystem from "./components/SolarSystem";
 import LoadingScreen from "./components/LoadingScreen";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import "./index.css";
 
 function App() {
 
   const [appLoaded, setAppLoaded] = useState(false);
-
+
+  useEffect(() => {
   setTimeout(() => {
     setAppLoaded(true);
   }, 3000);
+  }, []);
 
   if (!appLoaded) {
     return (