Updated Logger and timeout

arch-linux-gui · Jun 17, 2024 · 97b5448 · 97b5448
1 parent 7481a37
commit 97b5448
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/build/bin/welcome b/build/bin/welcome
diff --git a/frontend/src/components/CountrySelectionScreen.tsx b/frontend/src/components/CountrySelectionScreen.tsx
@@ -80,7 +80,7 @@ const CountrySelectionScreen: React.FC<{
       setIncludeHttp(false);
       setSortBy("rate");
       setMaxMirrors(20);
-      setTimeout(10);
+      setTimeout(30);
       clearLogs();
     }
   };

diff --git a/frontend/src/components/Logger.tsx b/frontend/src/components/Logger.tsx
@@ -9,6 +9,7 @@ interface LoggerProps {
 const Logger: React.FC<LoggerProps> = ({ isDarkMode }) => {
   const { logs, addLog, isEmpty } = useLogsContext();
   const loggerRef = useRef<HTMLDivElement>(null);
+  var logState = isEmpty();
 
   useEffect(() => {
     const logEventHandler = (message: string) => {
@@ -37,11 +38,17 @@ const Logger: React.FC<LoggerProps> = ({ isDarkMode }) => {
         }`}
         style={{ maxHeight: "400px" }}
       >
-        <div className="flex flex-col space-y-2 m-5 text-pretty">
-          {logs.map((log, index) => (
-            <div key={index}>{"◉ " + log}</div>
-          ))}
-        </div>
+        {logState ? (
+          <div className="flex items-center justify-center h-full text-2xl opacity-50 pointer-events-none">
+            No Logs
+          </div>
+        ) : (
+          <div className="flex flex-col space-y-2 m-5 text-pretty">
+            {logs.map((log, index) => (
+              <div key={index}>{"◉ " + log}</div>
+            ))}
+          </div>
+        )}
       </div>
     </div>
   );