eta357/LibreTunes-Nix-Test
1
0
Fork 0
Code Pull Requests Actions Activity

added profile section to homepage

Browse Source
This commit is contained in:
Danny Zou
2024-03-22 20:25:52 -04:00
parent a7368aec30
commit e211f476a7
15 changed files with 128 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/sidebar.rs
View File

@ -1,11 +1,11 @@
use leptos::*;
use leptos::leptos_dom::*;
use leptos_icons::AiIcon::*;
use leptos::*;
use leptos_icons::BiIcon::*;
use leptos_icons::OcIcon::*;
use leptos_icons::*;
#[component]
pub fn Sidebar(setter: WriteSignal<bool>) -> impl IntoView {
pub fn Sidebar(setter: WriteSignal<bool>, active: ReadSignal<bool>) -> impl IntoView {
let open_dashboard = move |_| {
setter.update(|value| *value = true);
log!("open dashboard");
@ -19,16 +19,16 @@ pub fn Sidebar(setter: WriteSignal<bool>) -> impl IntoView {
<div class="sidebar-container">
<div class="sidebar-top-container">
<h2 class="header">LibreTunes</h2>
<div class="buttons" on:click=open_dashboard>
<div class="buttons" on:click=open_dashboard style={move || if active() {"color: #e1e3e1"} else {""}} >
<Icon icon=Icon::from(OcHomeFillLg) />
<h1>Dashboard</h1>
</div>
<div class="buttons" on:click=open_search>
<Icon icon=Icon::from(AiSearchOutlined) />
<div class="buttons" on:click=open_search style={move || if !active() {"color: #e1e3e1"} else {""}}>
<Icon icon=Icon::from(BiSearchRegular) />
<h1>Search</h1>
</div>
</div>
<div class="sidebar-header">
<div class="sidebar-bottom-container">
<h1>LibreTunes</h1>
</div>