Matouš Volf
30fdeae3b2
All checks were successful
conventional pull request title check / conventional pull request title check (pull_request) Successful in 6s
actionlint check / actionlint check (pull_request) Successful in 20s
conventional commit messages check / conventional commit messages check (pull_request) Successful in 10s
dotenv-linter check / dotenv-linter check (pull_request) Successful in 32s
GitLeaks check / GitLeaks check (pull_request) Successful in 28s
hadolint check / hadolint check (pull_request) Successful in 42s
htmlhint check / htmlhint check (pull_request) Successful in 1m16s
markdownlint check / markdownlint check (pull_request) Successful in 53s
Prettier check / Prettier check (pull_request) Successful in 50s
ShellCheck check / ShellCheck check (pull_request) Successful in 39s
yamllint check / yamllint check (pull_request) Successful in 42s
Stylelint check / Stylelint check (pull_request) Successful in 44s
checkov check / checkov check (pull_request) Successful in 6m52s
Rust check / Rust check (pull_request) Successful in 33m33s
32 lines
1.0 KiB
Rust
32 lines
1.0 KiB
Rust
use crate::route::Route;
|
|
use dioxus::prelude::*;
|
|
use dioxus_free_icons::{Icon, IconShape};
|
|
|
|
#[component]
|
|
pub(crate) fn NavigationItem<I: IconShape + Clone + PartialEq + 'static>(
|
|
route: Route,
|
|
icon: I,
|
|
) -> Element {
|
|
let current_route = use_route::<Route>();
|
|
|
|
rsx! {
|
|
Link {
|
|
to: route.clone(),
|
|
class: format!(
|
|
"py-2.5 flex flex-row justify-center items-center hover:*:bg-gray-900 active:*:text-gray-400",
|
|
),
|
|
div {
|
|
class: format!("pt-2.5 px-4 {} transition-all duration-150",
|
|
if current_route == route { "pb-2 mt-1 bg-gray-900 text-gray-400 rounded-xl drop-shadow-[0_calc(0px_-_var(--spacing))_0_var(--color-gray-950)]" }
|
|
else { "pb-3 bg-gray-800 rounded-xl drop-shadow-[0_0_0_var(--color-gray-950)] text-gray-600" }
|
|
),
|
|
Icon {
|
|
icon,
|
|
height: 24,
|
|
width: 24
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|