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
29 lines
933 B
Rust
29 lines
933 B
Rust
use dioxus::prelude::*;
|
|
use dioxus_free_icons::{Icon, IconShape};
|
|
|
|
#[component]
|
|
pub(crate) fn SelectButton<I: IconShape + Clone + PartialEq + 'static>(
|
|
icon: I,
|
|
is_selected: bool,
|
|
on_select: Callback,
|
|
) -> Element {
|
|
rsx! {
|
|
button {
|
|
r#type: "button",
|
|
class: format!(
|
|
"pt-4.5 flex flex-row justify-center items-center {} rounded-xl transition-all duration-150",
|
|
if is_selected { "pb-3.75 bg-gray-900 drop-shadow-[0_0_0_var(--color-gray-900-muted)]" }
|
|
else { "pb-2.75 mt-1 bg-gray-800-muted hover:bg-gray-800 drop-shadow-[0_calc(0px_-_var(--spacing))_0_var(--color-gray-900-muted)] text-gray-400 cursor-pointer" }
|
|
),
|
|
onclick: move |_| {
|
|
on_select.call(());
|
|
},
|
|
Icon {
|
|
icon,
|
|
height: 16,
|
|
width: 16
|
|
}
|
|
},
|
|
}
|
|
}
|