ershisan99/DevToysWeb
1
0
Fork 0
mirror of https://github.com/ershisan99/DevToysWeb.git synced 2025-12-17 20:49:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: clean some codes

Browse Source
This commit is contained in:
rusconn
2024-03-28 12:33:14 +09:00
parent 749c79c8e4
commit 2fc9b7e419
10 changed files with 39 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/sidebar/tool-link.tsx
View File

@@ -8,22 +8,24 @@ import { cn } from "@/lib/style";
import { Indicator } from "@/components/indicator";
type Props = Pick<Tool, "Icon" | "shortTitle"> &
Pick<LinkProps<unknown>, "className" | "href" | "onClick"> & {
Pick<LinkProps<unknown>, "href" | "onClick"> & {
highlight: "both" | "indicatorOnly" | "none";
grouped?: true;
};
function RawToolLink({ Icon, shortTitle: title, href, onClick, className, highlight }: Props) {
// FIXME: css outline messed up
function RawToolLink({ Icon, shortTitle: title, href, onClick, highlight, grouped }: Props) {
return (
<Link
className={cn(
"flex h-10 items-center gap-3 rounded",
highlight === "both" && "bg-accent",
"hover:bg-accent",
className
grouped && "pl-8 -outline-offset-1", // -outline-offset-1: ugly hack for Chrome outlines
"hover:bg-accent"
)}
{...{ href, onClick }}
>
<span className={cn("invisible flex items-center", highlight !== "none" && "visible")}>
<span className={cn("flex items-center", highlight === "none" && "invisible")}>
<Indicator />
</span>
<span className="flex select-none items-center gap-4">