start account ui

src/bin/client/main.rs

@@ -69,7 +69,7 @@ impl DefaultAppState for Client {
             notif,
             proxy,
         };
-        connect_screen(&mut s, ui, state).set_ptr(&s.main_ui, ui);
+        start_screen(&mut s, ui).set_ptr(&s.main_ui, ui);
         s
     }
 

src/bin/client/ui/login.rs

@@ -5,16 +5,38 @@ use crate::{net::AppHandle, state::ClientState};
 
 use super::*;
 
-// pub fn start_screen(client: &mut Client) -> WidgetId {
+pub fn start_screen(client: &mut Client, ui: &mut Ui) -> WidgetId {
-//     (wtext("Select Account").text_align(Align::CENTER).size(30),)
+    let mut accounts = Span::empty(Dir::DOWN);
-//         .span(Dir::DOWN)
+
-//         .gap(10)
+    accounts.push(
-//         .pad(15)
+        wtext("no accounts")
-//         .width(400)
+            .size(20)
-//         .align(Align::CENTER)
+            .center_text()
-//         .add(&mut client.ui)
+            .color(Color::GRAY)
-//         .any()
+            .height(60)
-// }
+            .add(ui)
+            .any(),
+    );
+
+    (
+        wtext("Select Account").text_align(Align::CENTER).size(30),
+        accounts,
+        (
+            submit_button("connect", |_, _| {}),
+            submit_button("create", |_, _| {}),
+        )
+            .span(Dir::RIGHT)
+            .gap(10),
+    )
+        .span(Dir::DOWN)
+        .gap(10)
+        .pad(15)
+        .background(rect(Color::BLACK.brighter(0.2)).radius(15))
+        .width(400)
+        .align(Align::CENTER)
+        .add(ui)
+        .any()
+}
 
 pub fn connect_screen(client: &mut Client, ui: &mut Ui, state: &UiState) -> WidgetId {
     let Client { data, proxy, .. } = client;

src/bin/client/ui/misc.rs

@@ -37,14 +37,23 @@ pub fn submit_button(
     text: &str,
     on_submit: impl Fn(&mut Client, &mut Ui) + 'static,
 ) -> impl WidgetRet {
-    let color = Color::GREEN;
+    let color = Color::rgb(0, 200, 0);
     rect(color)
         .radius(15)
         .on(CursorSense::click(), move |ctx| {
-            ctx.ui[ctx.id].color = color.darker(0.3);
+            ctx.ui[ctx.id].color = color.darker(0.2);
             on_submit(ctx.state, ctx.ui);
         })
-        .height(40)
+        .on(
-        .foreground(wtext(text).size(20).text_align(Align::CENTER))
+            CursorSense::HoverStart | CursorSense::unclick(),
+            move |ctx| {
+                ctx.ui[ctx.id].color = color.brighter(0.1);
+            },
+        )
+        .on(CursorSense::HoverEnd, move |ctx| {
+            ctx.ui[ctx.id].color = color;
+        })
+        .height(60)
+        .foreground(wtext(text).size(25).text_align(Align::CENTER))
         .to_any()
 }