Revert "feat: Use modal for authentication (#2443)" (#2451)

This reverts commit 627da6c.

Author: Koenkk

src/Main.tsx

@@ -52,16 +52,13 @@ const ConnectedDashboardPage = lazy(() =>
     import('./components/dashboard-page/Dashboard').then((module) => ({ default: module.ConnectedDashboardPage })),
 );
 
-import { AuthForm } from './components/modal/components/AuthModal';
-
 export function Main() {
     const { theme } = store.getState();
     return (
         <React.StrictMode>
             <ReactNotifications />
             <I18nextProvider i18n={i18n}>
                 <NiceModal.Provider>
-                    <AuthForm id="auth-form" onAuth={() => null} />
                     <Provider store={store}>
                         <ThemeSwitcherProvider
                             themeMap={{

src/components/modal/components/AuthModal.tsx

@@ -9,7 +9,6 @@ import {
     stringifyWithPreservingUndefinedAsNull,
 } from './utils';
 
-import NiceModal from '@ebay/nice-modal-react';
 import { Store } from 'react-notifications-component';
 import keyBy from 'lodash/keyBy';
 
@@ -114,27 +113,21 @@ class Api {
         }
     }
 
-    urlProvider = async (): Promise<string> => {
-        const promise = new Promise<string>((resolve) => {
-            const url = new URL(this.url)
-            let token = new URLSearchParams(window.location.search).get("token")
-                ?? local.get<string>(TOKEN_LOCAL_STORAGE_ITEM_NAME);
-            const authRequired = !!local.get(AUTH_FLAG_LOCAL_STORAGE_ITEM_NAME);
-            if (authRequired) {
-                if (!token) {
-                    NiceModal.show('auth-form', { onAuth: (token: string) => {
-                        local.set(TOKEN_LOCAL_STORAGE_ITEM_NAME, token);
-                        url.searchParams.append("token", token);
-                        resolve(url.toString());
-                    }});
-                    return;
+    urlProvider = async () => {
+        const url = new URL(this.url)
+        let token = new URLSearchParams(window.location.search).get("token")
+            ?? local.get<string>(TOKEN_LOCAL_STORAGE_ITEM_NAME);
+        const authRequired = !!local.get(AUTH_FLAG_LOCAL_STORAGE_ITEM_NAME);
+        if (authRequired) {
+            if (!token) {
+                token = prompt("Enter your z2m admin token") as string;
+                if (token) {
+                    local.set(TOKEN_LOCAL_STORAGE_ITEM_NAME, token);
                 }
-                url.searchParams.append("token", token);
             }
-            resolve(url.toString());
-        });
-
-        return promise;
+            url.searchParams.append("token", token);
+        }
+        return url.toString();
     }
 
     connect(): void {
@@ -284,7 +277,7 @@ class Api {
         if (e.code === UNAUTHORIZED_ERROR_CODE) {
             local.set(AUTH_FLAG_LOCAL_STORAGE_ITEM_NAME, true);
             local.remove(TOKEN_LOCAL_STORAGE_ITEM_NAME);
-            showNotify('error', "Unauthorized", false);
+            NotificationManager.error("Unauthorized");
             setTimeout(() => {
                 window.location.reload();
             }, 1000);
@@ -303,7 +296,7 @@ class Api {
                 this.processDeviceStateMessage(data);
             }
         } catch (e) {
-            showNotify('error', e.message, false);
+            NotificationManager.error(e.message);
             console.error(event.data);
         }