use cores

packages/app/src/pages/login/index.jsx

@@ -33,7 +33,7 @@ export default (props) => {
     const [wallpaperData, setWallpaperData] = React.useState(null)
 
     const setRandomWallpaper = async () => {
-        const featuredWallpapers = await app.api.request("main", "get", "featuredWallpapers").catch((err) => {
+        const featuredWallpapers = await app.cores.api.request("main", "get", "featuredWallpapers").catch((err) => {
             console.error(err)
             return []
         })
@@ -45,11 +45,11 @@ export default (props) => {
     }
 
     const onClickRegister = () => {
-        app.eventBus.emit("app.createRegister")
+        app.controls.openRegisterForm()
     }
 
     const onClickLogin = () => {
-        app.eventBus.emit("app.createLogin")
+        app.controls.openLoginForm()
     }
 
     React.useEffect(() => {
@@ -75,6 +75,25 @@ export default (props) => {
                     <img src={window.isMobile ? config.logo.alt : config.logo.full} className="logo" />
                 </div>
 
+                {
+                    props.user && <div
+                        className="actions"
+                        style={{
+                            marginBottom: "50px"
+                        }}
+                    >
+                        <antd.Button
+                            type="default"
+                            size="large"
+                            onClick={() => {
+                                app.navigation.goMain()
+                            }}
+                        >
+                            Continue as {props.user.username}
+                        </antd.Button>
+                    </div>
+                }
+
                 <div className="actions">
                     <antd.Button
                         onClick={onClickLogin}

packages/app/src/pages/login/index.less

@@ -29,6 +29,12 @@
 
             animation: opacityIn 3s ease-in-out 0s forwards;
         }
+
+        background-image: radial-gradient(rgba(var(--layout-background-contrast), 0.5) 1px, transparent 0),
+        radial-gradient(rgba(var(--layout-background-contrast), 0.3) 1px, transparent 0);
+        background-position: 0 0,
+        25px 25px;
+        background-size: 50px 50px;
     }
 
     .wrapper {

packages/app/src/pages/login/index.mobile.jsx

@@ -6,7 +6,7 @@ export default (props) => {
     const [wallpaperData, setWallpaperData] = React.useState(null)
 
     const setRandomWallpaper = async () => {
-        const featuredWallpapers = await app.api.request("main", "get", "featuredWallpapers").catch((err) => {
+        const featuredWallpapers = await app.cores.api.request("main", "get", "featuredWallpapers").catch((err) => {
             console.error(err)
             return []
         })