LEA -> Fix formatting of EDGAR Setup-String warning.

eclipse-opendut · Jan 17, 2025 · 7db0079 · 7db0079
1 parent ba648fb
commit 7db0079
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 14 deletions.
diff --git a/opendut-lea/src/components/generate_setup_string.rs b/opendut-lea/src/components/generate_setup_string.rs
@@ -2,7 +2,7 @@ use leptos::{either::Either, prelude::*};
 use opendut_auth::public::OptionalAuthData;
 use opendut_types::peer::PeerId;
 
-use crate::{app::use_app_globals, components::{use_toaster, ButtonColor, ButtonState, SimpleButton, Toast}, user::UNAUTHENTICATED_USER};
+use crate::{app::use_app_globals, components::{use_toaster, ButtonColor, ButtonState, SimpleButton, Toast, WarningMessage}, user::UNAUTHENTICATED_USER};
 
 
 #[component]
@@ -66,16 +66,7 @@ pub fn GenerateSetupStringForm(kind: GenerateSetupStringKind) -> impl IntoView {
             })}
         </Suspense>
         <br/>
-        <div class="notification is-warning">
-            <div class="columns is-mobile is-vcentered">
-                <div class="column is-narrow">
-                    <i class="fa-solid fa-triangle-exclamation fa-2xl"></i>
-                </div>
-                <div class="column">
-                    <p>"Please keep Setup-Strings secret and handle them with care like your passwords."</p>
-                </div>
-            </div>
-        </div>
+        <WarningMessage>"Please keep Setup-Strings secret and handle them with care like your passwords."</WarningMessage>
     }
 }
 

diff --git a/opendut-lea/src/components/mod.rs b/opendut-lea/src/components/mod.rs
@@ -17,6 +17,7 @@ pub use toast::{Toast, ToastContent, Toaster, ToastKind, use_toaster};
 pub use util::ButtonStateSignalProvider;
 pub use util::Toggled;
 pub use util::use_active_tab;
+pub use warning_message::WarningMessage;
 
 pub mod health;
 pub mod tooltip;
@@ -32,6 +33,7 @@ mod loading_spinner;
 mod page;
 mod toast;
 mod util;
+mod warning_message;
 
 #[derive(Clone, Copy, Debug)]
 #[allow(dead_code)]

diff --git a/opendut-lea/src/components/warning_message.rs b/opendut-lea/src/components/warning_message.rs
@@ -0,0 +1,17 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn WarningMessage(children: Children) -> impl IntoView {
+    view! {
+        <div class="notification is-warning">
+            <div class="columns is-mobile is-vcentered">
+                <div class="column is-narrow">
+                    <i class="fa-solid fa-triangle-exclamation fa-2xl"></i>
+                </div>
+                <div class="column">
+                    <p>{children()}</p>
+                </div>
+            </div>
+        </div>
+    }
+}
diff --git a/opendut-lea/src/peers/configurator/tabs/setup/mod.rs b/opendut-lea/src/peers/configurator/tabs/setup/mod.rs
@@ -1,6 +1,6 @@
 use leptos::prelude::*;
 
-use crate::components::{GenerateSetupStringForm, GenerateSetupStringKind};
+use crate::components::{GenerateSetupStringForm, GenerateSetupStringKind, WarningMessage};
 use crate::peers::configurator::types::UserPeerConfiguration;
 
 #[component]
@@ -9,8 +9,7 @@ pub fn SetupTab(peer_configuration: ReadSignal<UserPeerConfiguration>) -> impl I
     view! {
         <div class="field">
             <GenerateSetupStringForm kind=GenerateSetupStringKind::Edgar(peer_configuration.get().id) />
-            <br/>
-            <p>"Setup-Strings may only be used to set up one host. For setting up multiple hosts, you should create a peer for each host."</p>
+            <WarningMessage>"Setup-Strings may only be used to set up one host. For setting up multiple hosts, you should create a peer for each host."</WarningMessage>
         </div>
     }
 }