Merge pull request 'Added toast function for creating toast notifications' (#9) from toast-notification into main

Reviewed-on: #9

application/Cargo.toml

@@ -17,6 +17,7 @@ leptos-use = "0.10.2"
 serde = "1.0.196"
 serde_json = "1.0.113"
 rand = "0.8.5"
+gloo-timers = "0.3.0"
 
 # utils
 # strum = { version = "0.25", features = ["derive", "strum_macros"] }

application/src/util/surrealdb.rs

@@ -1,3 +1,4 @@
+use crate::util;
 use leptos::*;
 use leptos_use::{core::ConnectionReadyState, use_websocket, UseWebsocketReturn};
 use serde::{Deserialize, Serialize};
@@ -158,6 +159,11 @@ fn surrealdb_response(response: String) {
 
 /// Function to execute when DB signin is succesful
 fn use_surrealdb(_response: SurrealResponse) {
+    util::toast::add_toast(
+        "Succesfully signed into DB".to_string(),
+        "success".to_string(),
+    );
+
     let websocket = expect_context::<SurrealContext>();
 
     websocket.set_authenticated.set(true);

application/src/util/toast.rs

@@ -1,3 +1,4 @@
+use gloo_timers::future::TimeoutFuture;
 use leptos::*;
 use rand::distributions::{Alphanumeric, DistString};
 
@@ -28,14 +29,23 @@ pub fn add_toast(text: String, option: String) {
     let id = Alphanumeric.sample_string(&mut rand::thread_rng(), 4);
 
     let mut vec = context.notifications.get();
-    vec.push(ToastNotification { text, option, id });
+    vec.push(ToastNotification {
+        text,
+        option,
+        id: id.clone(),
+    });
     context.set_notifications.set(vec);
+
+    spawn_local(async {
+        TimeoutFuture::new(5000).await;
+        remove_toast(id);
+    });
 }
 
 pub fn remove_toast(id: String) {
     let context = expect_context::<NotificationsContext>();
 
-    let mut vec = context.notifications.get();
+    let mut vec = context.notifications.get_untracked();
     vec.retain(|x| x.id != id);
     context.set_notifications.set(vec);
 }