updated sidebar

src/components/sidebar.rs

@@ -6,22 +6,19 @@ const SIDEBAR_CSS: Asset = asset!("/assets/styles/sidebar.css");
 
 pub struct SideBarItem {
     pub name: &'static str,
-    pub icon: Asset,
-    pub icon_selected: Asset,
+    pub icon: fn() -> Element,
     pub route: Route,
 }
 
 const SIDEBAR_ITEMS: &[SideBarItem] = &[
     SideBarItem {
         name: "Dashboard",
-        icon: asset!("/assets/sidebar/dashboard.svg"),
-        icon_selected: asset!("/assets/sidebar/dashboard-selected.svg"),
+        icon: || rsx!(lucide_dioxus::Gauge { size: 35 }),
         route: Route::Dashboard {},
     },
     SideBarItem {
-        name: "Dashboard",
-        icon: asset!("/assets/sidebar/dashboard.svg"),
-        icon_selected: asset!("/assets/sidebar/dashboard-selected.svg"),
+        name: "Settings",
+        icon: || rsx!(lucide_dioxus::Settings { size: 35 }),
         route: Route::Dashboard {},
     },
 ];
@@ -37,13 +34,9 @@ pub fn SideBar(selected: usize) -> Element {
             for (i, itm) in SIDEBAR_ITEMS.iter().enumerate() {
                 Link {
                     to: itm.route.clone(),
-                    class: "sidebar-item",
+                    class: if i == selected {"sidebar-item sidebar-selected"} else {"sidebar-item"},
 
-                    if selected == i {
-                        img { src: itm.icon_selected, width: "45" }
-                    } else {
-                        img { src: itm.icon, width: "45" }
-                    }
+                    {(itm.icon)()}
 
                     p { "{itm.name}" }
                 }