diff options
Diffstat (limited to 'src/components/navigation_menu/menu_item.rs')
-rw-r--r-- | src/components/navigation_menu/menu_item.rs | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/components/navigation_menu/menu_item.rs b/src/components/navigation_menu/menu_item.rs new file mode 100644 index 0000000..cd03c01 --- /dev/null +++ b/src/components/navigation_menu/menu_item.rs @@ -0,0 +1,43 @@ +/* openbills-web - Web client for Libre Billing Software + * Copyright (C) 2023 Vidhu Kant Sharma <vidhukant@vidhukant.com> + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. + */ + +use yew::prelude::*; +use yew_router::prelude::*; +use yew_icons::{Icon, IconId}; + +use crate::app::Route; + +#[derive(Properties, PartialEq)] +pub struct Props { + pub label: String, + pub icon: IconId, + pub to: Route, +} + +#[function_component(MenuItem)] +pub fn menu_item(props: &Props) -> Html { + html! { + <Link<Route> classes={classes!("menu-item")} to={props.to.clone()}> + <div class={"logo"}> + <Icon icon_id={props.icon} /> + </div> + <div class={"label"}> + {props.label.clone()} + </div> + </Link<Route>> + } +} |