21 lines
674 B
TypeScript
21 lines
674 B
TypeScript
import { usePage } from '@inertiajs/react';
|
|
|
|
import AppLogoIcon from '@/components/app-logo-icon';
|
|
|
|
export default function AppLogo() {
|
|
const { name } = usePage().props;
|
|
|
|
return (
|
|
<>
|
|
<div className="flex aspect-square size-8 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground">
|
|
<AppLogoIcon className="size-5 rounded-sm object-cover" />
|
|
</div>
|
|
<div className="ml-1 grid flex-1 text-left text-sm">
|
|
<span className="mb-0.5 truncate leading-tight font-semibold">
|
|
{name}
|
|
</span>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|