[refactor] Remove UI components and associated assets

ui/Cargo.toml

@@ -1,8 +0,0 @@
-[package]
-name = "ui"
-version = "0.1.0"
-edition = "2021"
-
-[dependencies]
-dioxus = { workspace = true }
-api = { workspace = true }

ui/README.md

@@ -1,16 +0,0 @@
-# UI
-
-This crate contains all shared components for the workspace. This is a great place to place any UI you would like to use in multiple platforms like a common `Button` or `Navbar` component.
-
-```
-ui/
-├─ src/
-│  ├─ lib.rs # The entrypoint for the ui crate
-│  ├─ hero.rs # The Hero component that will be used in every platform
-│  ├─ echo.rs # The shared echo component that communicates with the server
-│  ├─ navbar.rs # The Navbar component that will be used in the layout of every platform's router
-```
-
-## Dependencies
-
-Since this crate is shared between multiple platforms, it should not pull in any platform specific dependencies. For example, if you want to use the `web_sys` crate in the web build of your app, you should not add it to this crate. Instead, you should add platform specific dependencies to the [web](../web/Cargo.toml), [desktop](../desktop/Cargo.toml), or [mobile](../mobile/Cargo.toml) crates.

ui/assets/styling/echo.css

@@ -1,34 +0,0 @@
-#echo {
-  width: 360px;
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: 50px;
-  background-color: #1e222d;
-  padding: 20px;
-  border-radius: 10px;
-}
-
-#echo>h4 {
-  margin: 0px 0px 15px 0px;
-}
-
-
-#echo>input {
-  border: none;
-  border-bottom: 1px white solid;
-  background-color: transparent;
-  color: #ffffff;
-  transition: border-bottom-color 0.2s ease;
-  outline: none;
-  display: block;
-  padding: 0px 0px 5px 0px;
-  width: 100%;
-}
-
-#echo>input:focus {
-  border-bottom-color: #6d85c6;
-}
-
-#echo>p {
-  margin: 20px 0px 0px auto;
-}

ui/assets/styling/hero.css

@@ -1,35 +0,0 @@
-#hero {
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-#links {
-  width: 400px;
-  text-align: left;
-  font-size: x-large;
-  color: white;
-  display: flex;
-  flex-direction: column;
-}
-
-#links a {
-  color: white;
-  text-decoration: none;
-  margin-top: 20px;
-  margin: 10px 0px;
-  border: white 1px solid;
-  border-radius: 5px;
-  padding: 10px;
-}
-
-#links a:hover {
-  background-color: #1f1f1f;
-  cursor: pointer;
-}
-
-#header {
-  max-width: 1200px;
-}

ui/assets/styling/navbar.css

@@ -1,16 +0,0 @@
-#navbar {
-  display: flex;
-  flex-direction: row;
-}
-
-#navbar a {
-  color: #ffffff;
-  margin-right: 20px;
-  text-decoration: none;
-  transition: color 0.2s ease;
-}
-
-#navbar a:hover {
-  cursor: pointer;
-  color: #91a4d2;
-}

ui/src/echo.rs

@@ -1,31 +0,0 @@
-use dioxus::prelude::*;
-
-const ECHO_CSS: Asset = asset!("/assets/styling/echo.css");
-
-/// Echo component that demonstrates fullstack server functions.
-#[component]
-pub fn Echo() -> Element {
-    let mut response = use_signal(|| String::new());
-
-    rsx! {
-        document::Link { rel: "stylesheet", href: ECHO_CSS }
-        div {
-            id: "echo",
-            h4 { "ServerFn Echo" }
-            input {
-                placeholder: "Type here to echo...",
-                oninput:  move |event| async move {
-                    let data = api::echo(event.value()).await.unwrap();
-                    response.set(data);
-                },
-            }
-
-            if !response().is_empty() {
-                p {
-                    "Server echoed: "
-                    i { "{response}" }
-                }
-            }
-        }
-    }
-}

ui/src/hero.rs

@@ -1,24 +0,0 @@
-use dioxus::prelude::*;
-
-const HERO_CSS: Asset = asset!("/assets/styling/hero.css");
-const HEADER_SVG: Asset = asset!("/assets/header.svg");
-
-#[component]
-pub fn Hero() -> Element {
-    rsx! {
-        document::Link { rel: "stylesheet", href: HERO_CSS }
-
-        div {
-            id: "hero",
-            img { src: HEADER_SVG, id: "header" }
-            div { id: "links",
-                a { href: "https://dioxuslabs.com/learn/0.6/", "📚 Learn Dioxus" }
-                a { href: "https://dioxuslabs.com/awesome", "🚀 Awesome Dioxus" }
-                a { href: "https://github.com/dioxus-community/", "📡 Community Libraries" }
-                a { href: "https://github.com/DioxusLabs/sdk", "⚙️ Dioxus Development Kit" }
-                a { href: "https://marketplace.visualstudio.com/items?itemName=DioxusLabs.dioxus", "💫 VSCode Extension" }
-                a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
-            }
-        }
-    }
-}

ui/src/lib.rs

@@ -1,10 +0,0 @@
-//! This crate contains all shared UI for the workspace.
-
-mod hero;
-pub use hero::Hero;
-
-mod navbar;
-pub use navbar::Navbar;
-
-mod echo;
-pub use echo::Echo;

ui/src/navbar.rs

@@ -1,15 +0,0 @@
-use dioxus::prelude::*;
-
-const NAVBAR_CSS: Asset = asset!("/assets/styling/navbar.css");
-
-#[component]
-pub fn Navbar(children: Element) -> Element {
-    rsx! {
-        document::Link { rel: "stylesheet", href: NAVBAR_CSS }
-
-        div {
-            id: "navbar",
-            {children}
-        }
-    }
-}