Updates

README.md

@@ -25,7 +25,11 @@ Refactoring and JSDoc.
 ```
 
 
-<img src="https://i.ibb.co/YyCwS0F/Unsaved-Image-1.png">
+<img src="https://i.imgur.com/gRNYKjI.png">
+
+## Now with dark mode
+
+<img src="https://i.imgur.com/g52mjdD.png">
 
 ## Settings
 
@@ -35,8 +39,9 @@ The avaible settings are currently only:
 -   Extract audio
 -   Switch language
 
-<img src="https://i.ibb.co/VMBhhFX/Unsaved-Image-2.png">
-<img src="https://i.ibb.co/cXJwDp4/Unsaved-Image-3.png">
+<img src="https://i.imgur.com/2zPs8FH.png">
+<img src="https://i.imgur.com/b4Jhkfk.png">
+<img src="https://i.imgur.com/knjLa8c.png">
 
 Future releases will have:
 -   ~~Multi download~~ *done*

frontend/src/App.tsx

@@ -31,8 +31,7 @@ import Home from "./Home";
 import Settings from "./Settings";
 import { io } from "socket.io-client";
 import { RootState, store } from './stores/store';
-import { Provider, useDispatch, useSelector } from "react-redux";
-import { setTheme } from "./features/settings/settingsSlice";
+import { Provider, useSelector } from "react-redux";
 
 
 const drawerWidth: number = 240;

frontend/src/Home.tsx

@@ -64,9 +64,11 @@ export default function Home({ socket }: Props) {
                 setShowBackdrop(false)
             }
             if (!status.downloading) {
+                setShowBackdrop(false)
                 dispatch(downloading())
             }
             if (data.status === 'Done!' || data.status === 'Aborted') {
+                setShowBackdrop(false)
                 updateInStateMap(data.pid, 'Done!', messageMap, setMessageMap);
                 updateInStateMap(data.pid, 0, progressMap, setProgressMap);
                 socket.emit('disk-space')