create dashboard/search toggle.

modified:   Cargo.lock
	modified:   Cargo.toml
	modified:   src/app.rs
	modified:   src/components.rs
	new file:   src/components/search.rs
	modified:   src/components/sidebar.rs
	modified:   src/pages/signup.rs
	modified:   style/dashboard.scss
	modified:   style/main.scss
	new file:   style/search.scss
	modified:   style/sidebar.scss

src/components/search.rs

@@ -0,0 +1,11 @@
+use leptos::*;
+use leptos::leptos_dom::*;
+
+#[component]
+pub fn Search() -> impl IntoView {
+    view! {
+        <div class="search-container">
+            <h1>Searching...</h1>
+        </div>
+    }
+}

src/components/sidebar.rs

@@ -1,22 +1,37 @@
 use leptos::*;
+use leptos::leptos_dom::*;
+use leptos_icons::AiIcon::*;
+use leptos_icons::OcIcon::*;
+use leptos_icons::*;
 
 #[component]
-pub fn Sidebar() -> impl IntoView {
+pub fn Sidebar(setter: WriteSignal<bool>) -> impl IntoView {
+    let open_dashboard = move |_| {
+        setter.update(|value| *value = true);
+        log!("open dashboard");
+    };
+    let open_search = move |_| {
+        setter.update(|value| *value = false);
+        log!("open search");
+    };
+
     view! {
         <div class="sidebar-container">
-            <Top />
+            <div class="sidebar-top-container">
+                <h2 class="header">LibreTunes</h2>
+                <div class="buttons" on:click=open_dashboard>
+                    <Icon icon=Icon::from(OcHomeFillLg) />
+                    <h1>Dashboard</h1>
+                </div>
+                <div class="buttons" on:click=open_search>
+                    <Icon icon=Icon::from(AiSearchOutlined) />
+                    <h1>Search</h1>
+                </div>
+            </div>
             <div class="sidebar-header">
                 <h1>LibreTunes</h1>
             </div>
-            
-        </div>
-    }
-}
-#[component]
-pub fn Top() -> impl IntoView {
-    view! {
-        <div class="sidebar-top-container">
-            <h1>Hello</h1>
+
         </div>
     }
 }