call notify instead of signal._emit. fixes #7

Author: hertg

src/components/Toast.svelte

@@ -10,17 +10,9 @@ import Icon from "./Icon.svelte";
     function close() {
         dispatch('close');
     }
-
-    const getColor = (type: string) => {
-        switch (type) {
-            case "error":
-                return "red";
-        }
-        return "blue";
-    }
 </script>
 
-<div class="toast" style="--color: {getColor(notification.type)}">
+<div class="toast" class:error={notification.type==1}>
     <div class="text">{notification.text}</div>
     <div class="icon" on:click={close}>
         <Icon icon="X16" />
@@ -30,7 +22,10 @@ import Icon from "./Icon.svelte";
 <style>
     .toast {
       @apply flex justify-between items-center shadow-lg border bg-gray-900 text-light-200 fill-light-200 border-gray-600 p-3 rounded-sm select-none;
-      /*border-bottom: 1px solid var(--color);*/
+    }
+
+    .toast.error {
+        @apply bg-red-900 border-red-700;
     }
 
     .icon {

src/signals.ts

@@ -1,5 +1,6 @@
 import { get } from "svelte/store";
 import { authenticating, selectedSession } from "./store/runtime";
+import { notify } from "./utils/notification";
 
 export const connectSignals = () => {
     console.debug(`connecting to lightdm signals using theme`, window.theme);
@@ -24,7 +25,7 @@ export const connectSignals = () => {
 		console.debug("authentication_complete");
 		authenticating.update(_ => false);
 		if (!window.lightdm?.is_authenticated) {
-			window.lightdm.show_message._emit("Authentication Failed", "error");
+			notify("Authentication Failed", 1);
 			window.lightdm.authenticate(window.lightdm.authentication_user);
 		} else {
 			console.debug("authentication successful, start session");