format

packages/app/src/hooks/useMaxScreen/index.js

@@ -1,25 +1,19 @@
 import React from "react"
 
 export default () => {
-    const enterPlayerAnimation = () => {
+	const enterPlayerAnimation = () => {
-        app.cores.style.applyTemporalVariant("dark")
+		app.controls.toggleUIVisibility(false)
-        app.layout.toggleCompactMode(true)
+	}
-        app.layout.toggleCenteredContent(false)
-        app.controls.toggleUIVisibility(false)
-    }
 
-    const exitPlayerAnimation = () => {
+	const exitPlayerAnimation = () => {
-        app.cores.style.applyVariant(app.cores.style.getStoragedVariantKey())
+		app.controls.toggleUIVisibility(true)
-        app.layout.toggleCompactMode(false)
+	}
-        app.layout.toggleCenteredContent(true)
-        app.controls.toggleUIVisibility(true)
-    }
 
-    React.useEffect(() => {
+	React.useEffect(() => {
-        enterPlayerAnimation()
+		enterPlayerAnimation()
 
-        return () => {
+		return () => {
-            exitPlayerAnimation()
+			exitPlayerAnimation()
-        }
+		}
-    }, [])
+	}, [])
 }