34 lines
1 KiB
TypeScript
34 lines
1 KiB
TypeScript
// * Packages
|
|
import { Link } from "@inertiajs/react";
|
|
import { route } from "ziggy-js";
|
|
// * Other
|
|
import logoUwilCMS from "&/images/logos/uwil-cms.svg";
|
|
import logoUwilCMSDark from "&/images/logos/uwil-cms-dark.svg";
|
|
import logoTinyUwilCMS from "&/images/logos/uwil-cms-icon.svg";
|
|
|
|
export default function ApplicationLogo({
|
|
isCollapsed = false,
|
|
}: {
|
|
isCollapsed?: boolean;
|
|
}) {
|
|
const notCollapsedClasses = route().current(`back.login`)
|
|
? "w-full h-28"
|
|
: "h-20";
|
|
const notCollapsedLogo = route().current(`back.login`)
|
|
? logoUwilCMSDark
|
|
: logoUwilCMS;
|
|
return (
|
|
<Link
|
|
href={route("back.dashboard.index")}
|
|
className={isCollapsed ? "h-8" : notCollapsedClasses}
|
|
>
|
|
<img
|
|
src={isCollapsed ? logoTinyUwilCMS : notCollapsedLogo}
|
|
alt="UWIL CMS logo"
|
|
className={`rounded-md w-auto mx-auto ${
|
|
isCollapsed ? "h-full" : "max-h-full"
|
|
}`}
|
|
/>
|
|
</Link>
|
|
);
|
|
}
|