From b25e5e4d8dd402b4d6101e2f5acd93e513023773 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Tue, 22 Nov 2022 00:33:15 +0000
Subject: [PATCH] optimize for mobile

---
 packages/app/src/pages/login/index.jsx        |  2 +-
 packages/app/src/pages/login/index.mobile.jsx | 44 +++++++++++++++++++
 2 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 packages/app/src/pages/login/index.mobile.jsx

diff --git a/packages/app/src/pages/login/index.jsx b/packages/app/src/pages/login/index.jsx
index c82b9f3f..3f29f7ac 100755
--- a/packages/app/src/pages/login/index.jsx
+++ b/packages/app/src/pages/login/index.jsx
@@ -47,7 +47,7 @@ export default (props) => {
         </div>
 
         <div className="wrapper">
-            <img src={config.logo.full} className="logo" />
+            <img src={window.isMobile ? config.logo.alt : config.logo.full} className="logo" />
 
             <div className="content">
                 <div className="title">
diff --git a/packages/app/src/pages/login/index.mobile.jsx b/packages/app/src/pages/login/index.mobile.jsx
new file mode 100644
index 00000000..87dbe1ee
--- /dev/null
+++ b/packages/app/src/pages/login/index.mobile.jsx
@@ -0,0 +1,44 @@
+import React from "react"
+
+import "./index.less"
+
+export default (props) => {
+    const [wallpaperData, setWallpaperData] = React.useState(null)
+
+    const setRandomWallpaper = async () => {
+        const featuredWallpapers = await app.api.request("main", "get", "featuredWallpapers").catch((err) => {
+            console.error(err)
+            return []
+        })
+
+        // get random wallpaper from array
+        const randomWallpaper = featuredWallpapers[Math.floor(Math.random() * featuredWallpapers.length)]
+
+        setWallpaperData(randomWallpaper)
+    }
+
+    React.useEffect(() => {
+        if (app.userData) {
+            return app.goMain()
+        }
+
+        setRandomWallpaper()
+
+        app.eventBus.emit("app.createLogin", {
+            defaultLocked: true,
+        })
+    }, [])
+
+    return <div className="loginPage">
+        <div
+            style={{
+                backgroundImage: `url(${wallpaperData?.url})`,
+            }}
+            className="wallpaper"
+        >
+            <p>
+                {wallpaperData?.author ? wallpaperData.author : null}
+            </p>
+        </div>
+    </div>
+}
\ No newline at end of file