- demo notifications generator

- frontend build

resources/js/bootstrap.js

@@ -20,11 +20,10 @@ import Echo from 'laravel-echo';
 
 window.Pusher = require('pusher-js');
 
-// TODO: set wshost
 window.Echo = new Echo({
 	broadcaster: 'pusher',
 	key: 'local',
-	wsHost: '192.168.1.112',
+	wsHost: config.ip,
 	wsPort: 6001,
 	forceTLS: false
 });

resources/js/components/Notifications/Notification.vue

@@ -1,7 +1,7 @@
 <template>
     <article
-        class="delay-[3000ms] duration-700 transition-all relative z-20 mb-1.5 flex items-start space-x-4 rounded-xl p-2.5 dark:hover:bg-4x-dark-foreground"
-		:class="{'bg-light-background/80': isUnread}"
+        class="delay-[3000ms] duration-700 transition-all relative z-20 mb-1.5 flex items-start space-x-4 rounded-xl p-2.5"
+		:class="{'dark:bg-4x-dark-foreground bg-light-background/80': isUnread}"
     >
         <user-plus-icon
             v-if="notification.data.attributes.type === 'team-invitation'"