aboutsummaryrefslogtreecommitdiff
path: root/src/components/navbar
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 01:06:39 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 01:06:39 +0530
commit2fdcb7c79e8333c0fa9c14e34da5eaebe96e32b4 (patch)
tree919a0065276553b16c930885312008d2574fe114 /src/components/navbar
first commit
Diffstat (limited to 'src/components/navbar')
-rw-r--r--src/components/navbar/mod.rs42
-rw-r--r--src/components/navbar/nav_link.rs44
2 files changed, 86 insertions, 0 deletions
diff --git a/src/components/navbar/mod.rs b/src/components/navbar/mod.rs
new file mode 100644
index 0000000..3aaeb72
--- /dev/null
+++ b/src/components/navbar/mod.rs
@@ -0,0 +1,42 @@
+/* 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/>.
+ */
+
+mod nav_link;
+
+use yew::prelude::*;
+use yew_router::prelude::*;
+
+use crate::app::Route;
+
+#[function_component(Navbar)]
+pub fn navbar() -> Html {
+ html! {
+ <div id={"navbar-wrapper"}>
+ <div id={"navbar"}>
+ <span id={"nav-logo"}>
+ <Link<Route> to={Route::Home}>
+ <img src="/public/img/nav-logo.png" alt="OpenBills Web Client Logo" />
+ </Link<Route>>
+ </span>
+
+ <nav>
+ <nav_link::NavLink label={"Home"} to={Route::Home} />
+ </nav>
+ </div>
+ </div>
+ }
+}
diff --git a/src/components/navbar/nav_link.rs b/src/components/navbar/nav_link.rs
new file mode 100644
index 0000000..3930d71
--- /dev/null
+++ b/src/components/navbar/nav_link.rs
@@ -0,0 +1,44 @@
+/* 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 crate::app::Route;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+ pub label: String,
+ pub to: Route,
+}
+
+#[function_component(NavLink)]
+pub fn nav_link(props: &Props) -> Html {
+ let route = use_route::<Route>().unwrap_or_default();
+
+ let classes = if route == props.to {
+ classes!("active")
+ } else {
+ classes!("")
+ };
+
+ html! {
+ <Link<Route> classes={classes} to={props.to.clone()}>
+ {props.label.clone()}
+ </Link<Route>>
+ }
+}