fix tui example links (#607)

examples/README.md

@@ -134,31 +134,33 @@ cargo run --example hello_world
 
 ## Terminal UI
 
-[tui_border](./tui_border.rs)
+[tui_all_events](../packages/tui/examples/tui_all_events.rs) - All of the terminal events
 
-[tui_buttons](./tui_buttons.rs)
+[tui_border](../packages/tui/examples/tui_border.rs) - Different styles of borders and corners
 
-[tui_color_test](./tui_color_test.rs)
+[tui_buttons](../packages/tui/examples/tui_buttons.rs) - A grid of buttons that work demonstrate the focus system
 
-[tui_components](./tui_components.rs)
+[tui_color_test](../packages/tui/examples/tui_color_test.rs) - Grid of colors to demonstrate compatablility with different terminal color rendering modes
 
-[tui_frame](./tui_frame.rs)
+[tui_colorpicker](../packages/tui/examples/tui_colorpicker.rs) - A colorpicker
 
-[tui_hover](./tui_hover.rs)
+[tui_components](../packages/tui/examples/tui_components.rs) - Simple component example
 
-[tui_keys](./tui_keys.rs)
+[tui_flex](../packages/tui/examples/tui_flex.rs) - Flexbox support
 
-[tui_list](./tui_list.rs)
+[tui_hover](../packages/tui/examples/tui_hover.rs) - Detect hover and mouse events
 
-[tui_margin](./tui_margin.rs)
+[tui_list](../packages/tui/examples/tui_list.rs) - Renders a list of items
 
-[tui_quadrants](./tui_quadrants.rs)
+[tui_margin](../packages/tui/examples/tui_margin.rs) - Margins around flexboxes
 
-[tui_readme](./tui_readme.rs)
+[tui_quadrants](../packages/tui/examples/tui_quadrants.rs) - Four quadrants
 
-[tui_task](./tui_task.rs)
+[tui_readme](../packages/tui/examples/tui_readme.rs) - The readme example
 
-[tui_text](./tui_text.rs)
+[tui_task](../packages/tui/examples/tui_task.rs) - Background tasks
+
+[tui_text](../packages/tui/examples/tui_text.rs) - Simple text example
 
 # TODO
 Missing Features

packages/tui/examples/tui_keys.rs

@@ -1,66 +0,0 @@
-use dioxus::events::WheelEvent;
-use dioxus::prelude::*;
-use dioxus_html::geometry::ScreenPoint;
-use dioxus_html::input_data::keyboard_types::Code;
-use dioxus_html::input_data::MouseButtonSet;
-use dioxus_html::on::{KeyboardEvent, MouseEvent};
-
-fn main() {
-    dioxus_tui::launch(app);
-}
-
-fn app(cx: Scope) -> Element {
-    let key = use_state(&cx, || "".to_string());
-    let mouse = use_state(&cx, ScreenPoint::zero);
-    let count = use_state(&cx, || 0);
-    let buttons = use_state(&cx, MouseButtonSet::empty);
-    let mouse_clicked = use_state(&cx, || false);
-
-    let key_down_handler = move |evt: KeyboardEvent| {
-        match evt.data.code() {
-            Code::ArrowLeft => count.set(count + 1),
-            Code::ArrowRight => count.set(count - 1),
-            Code::ArrowUp => count.set(count + 10),
-            Code::ArrowDown => count.set(count - 10),
-            _ => {}
-        }
-        key.set(format!(
-            "{:?} repeating: {:?}",
-            evt.key(),
-            evt.is_auto_repeating()
-        ));
-    };
-
-    cx.render(rsx! {
-        div {
-            width: "100%",
-            height: "10px",
-            background_color: "red",
-            justify_content: "center",
-            align_items: "center",
-            flex_direction: "column",
-            onkeydown: key_down_handler,
-            onwheel: move |evt: WheelEvent| {
-                count.set(count + evt.data.delta().strip_units().y as i64);
-            },
-            ondrag: move |evt: MouseEvent| {
-                mouse.set(evt.data.screen_coordinates());
-            },
-            onmousedown: move |evt: MouseEvent| {
-                mouse.set(evt.data.screen_coordinates());
-                buttons.set(evt.data.held_buttons());
-                mouse_clicked.set(true);
-            },
-            onmouseup: move |evt: MouseEvent| {
-                buttons.set(evt.data.held_buttons());
-                mouse_clicked.set(false);
-            },
-
-            "count: {count:?}",
-            "key: {key}",
-            "mouse buttons: {buttons:?}",
-            "mouse pos: {mouse:?}",
-            "mouse button pressed: {mouse_clicked}"
-        }
-    })
-}