Added simple popup to profile icon

modified:   src/components/dashboard.rs
	modified:   src/components/personal.rs
	modified:   style/dashboard.scss
	modified:   style/home.scss
	modified:   style/personal.scss

src/components/dashboard.rs

@@ -4,7 +4,7 @@ use leptos::*;
 pub fn Dashboard() -> impl IntoView {
     view! {
         <div class="dashboard-container home-component">
-            <h1>Dashboard</h1>
+            <h1 class="dashboard-header">Dashboard</h1>
         </div>
     }
 }

src/components/personal.rs

@@ -14,12 +14,30 @@ pub fn Personal() -> impl IntoView {
 
 #[component]
 pub fn Profile() -> impl IntoView {
+    let (dropdown_open, set_dropdown_open) = create_signal(false);
+
+    let open_dropdown = move |_| {
+        set_dropdown_open.update(|value| *value = !*value);
+        log!("opened dropdown");
+    };
     view! {
         <div class="profile-container">
-            <div class="profile-icon">
+            <div class="profile-icon" on:click=open_dropdown>
                 <Icon icon=Icon::from(CgProfile) />
             </div>
-            
+            <div class="dropdown-container" style={move || if dropdown_open() {"display: flex"} else {"display: none"}}>
+                <DropDownNotLoggedIn />
+            </div>
+        </div>
+    }
+}
+#[component]
+pub fn DropDownNotLoggedIn() -> impl IntoView {
+    view! {
+        <div class="dropdown-not-logged">
+            <h1>Not Logged in!</h1>
+            <a href="/login"><button class="auth-button">Log In</button></a>
+            <a href="/signup"><button class="auth-button">Sign up</button></a>
         </div>
     }
 }