remove opacity change on remove

Author: shanimal08

package-lock.json

@@ -17,7 +17,7 @@
         "@floating-ui/react": "^0.26.28",
         "@lottiefiles/dotlottie-react": "^0.12.0",
         "@sentry/react": "^8.48.0",
-        "@tari-project/tari-tower": "^0.0.13",
+        "@tari-project/tari-tower": "^0.0.14",
         "@tauri-apps/api": "^2.2.0",
         "@tauri-apps/plugin-clipboard-manager": "^2.2.0",
         "@tauri-apps/plugin-fs": "^2.2.0",

package.json

@@ -35,13 +35,6 @@ export default function App() {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
-    useEffect(() => {
-        const canvasElement = document.getElementById('canvas');
-        if (canvasElement) {
-            canvasElement.style.opacity = isShuttingDown || isSettingUp ? '0' : '1';
-        }
-    }, [isShuttingDown, isSettingUp]);
-
     const showSetup = isSettingUp && !isShuttingDown && isAppReady;
     const showMainView = !isSettingUp && !isShuttingDown && isAppReady;
     return (

src/App/App.tsx

@@ -26,10 +26,6 @@ function VisualMode() {
     const { t } = useTranslation('settings', { useSuspense: false });
 
     const handleDisable = useCallback(() => {
-        const canvas = document.getElementById(TOWER_CANVAS_ID);
-        if (canvas) {
-            canvas.style.opacity = '0';
-        }
         setVisualMode(false);
         removeTowerAnimation({ canvasId: TOWER_CANVAS_ID });
     }, []);