File size: 1,489 Bytes
f8b5d42 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | import useUser from "@/hooks/useUser";
import paths from "@/utils/paths";
import { ArrowUUpLeft, Wrench } from "@phosphor-icons/react";
import { Link } from "react-router-dom";
import { useMatch } from "react-router-dom";
export default function SettingsButton() {
const isInSettings = !!useMatch("/settings/*");
const { user } = useUser();
if (user && user?.role === "default") return null;
if (isInSettings)
return (
<div className="flex w-fit">
<Link
to={paths.home()}
className="transition-all duration-300 p-2 rounded-full bg-theme-sidebar-footer-icon hover:bg-theme-sidebar-footer-icon-hover"
aria-label="Home"
data-tooltip-id="footer-item"
data-tooltip-content="Back to workspaces"
>
<ArrowUUpLeft
className="h-5 w-5"
weight="fill"
color="var(--theme-sidebar-footer-icon-fill)"
/>
</Link>
</div>
);
return (
<div className="flex w-fit">
<Link
to={paths.settings.interface()}
className="transition-all duration-300 p-2 rounded-full bg-theme-sidebar-footer-icon hover:bg-theme-sidebar-footer-icon-hover"
aria-label="Settings"
data-tooltip-id="footer-item"
data-tooltip-content="Open settings"
>
<Wrench
className="h-5 w-5"
weight="fill"
color="var(--theme-sidebar-footer-icon-fill)"
/>
</Link>
</div>
);
}
|