feat: update app name to 'DST Collection' and reorganize imports in AppHeader component
This commit is contained in:
Yoga Pangestu
parent
1c9532199c
commit
1fe95d66fc
@ -8,7 +8,7 @@ import SettingsLayout from '@/layouts/settings/layout';
|
|||||||
import { createInertiaApp } from '@inertiajs/react';
|
import { createInertiaApp } from '@inertiajs/react';
|
||||||
import { registerSW } from 'virtual:pwa-register';
|
import { registerSW } from 'virtual:pwa-register';
|
||||||
|
|
||||||
const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
|
const appName = import.meta.env.VITE_APP_NAME || 'DST Collection';
|
||||||
|
|
||||||
registerSW({
|
registerSW({
|
||||||
onNeedRefresh() {
|
onNeedRefresh() {
|
||||||
|
|||||||
@ -1,5 +1,3 @@
|
|||||||
import { Link, usePage } from '@inertiajs/react';
|
|
||||||
import { BookOpen, Folder, LayoutGrid, Menu, Search } from 'lucide-react';
|
|
||||||
import { AppLogo, AppLogoIcon } from '@/components/brand';
|
import { AppLogo, AppLogoIcon } from '@/components/brand';
|
||||||
import { Breadcrumbs } from '@/components/layout';
|
import { Breadcrumbs } from '@/components/layout';
|
||||||
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
|
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
|
||||||
@ -22,17 +20,14 @@ import {
|
|||||||
SheetTitle,
|
SheetTitle,
|
||||||
SheetTrigger,
|
SheetTrigger,
|
||||||
} from '@/components/ui/sheet';
|
} from '@/components/ui/sheet';
|
||||||
import {
|
|
||||||
Tooltip,
|
|
||||||
TooltipContent,
|
|
||||||
TooltipTrigger,
|
|
||||||
} from '@/components/ui/tooltip';
|
|
||||||
import { UserMenuContent } from '@/components/user';
|
import { UserMenuContent } from '@/components/user';
|
||||||
import { useCurrentUrl } from '@/hooks/use-current-url';
|
import { useCurrentUrl } from '@/hooks/use-current-url';
|
||||||
import { useInitials } from '@/hooks/use-initials';
|
import { useInitials } from '@/hooks/use-initials';
|
||||||
import { cn, toUrl } from '@/lib/utils';
|
import { cn } from '@/lib/utils';
|
||||||
import { dashboard } from '@/routes';
|
import { dashboard } from '@/routes';
|
||||||
import type { BreadcrumbItem, NavItem } from '@/types';
|
import type { BreadcrumbItem, NavItem } from '@/types';
|
||||||
|
import { Link, usePage } from '@inertiajs/react';
|
||||||
|
import { LayoutGrid, Menu } from 'lucide-react';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
breadcrumbs?: BreadcrumbItem[];
|
breadcrumbs?: BreadcrumbItem[];
|
||||||
@ -46,19 +41,6 @@ const mainNavItems: NavItem[] = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const rightNavItems: NavItem[] = [
|
|
||||||
{
|
|
||||||
title: 'Repository',
|
|
||||||
href: 'https://github.com/laravel/react-starter-kit',
|
|
||||||
icon: Folder,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Documentation',
|
|
||||||
href: 'https://laravel.com/docs/starter-kits#react',
|
|
||||||
icon: BookOpen,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const activeItemStyles =
|
const activeItemStyles =
|
||||||
'text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100';
|
'text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100';
|
||||||
|
|
||||||
@ -110,23 +92,6 @@ export function AppHeader({ breadcrumbs = [] }: Props) {
|
|||||||
</Link>
|
</Link>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex flex-col space-y-4">
|
|
||||||
{rightNavItems.map((item) => (
|
|
||||||
<a
|
|
||||||
key={item.title}
|
|
||||||
href={toUrl(item.href)}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
className="flex items-center space-x-2 font-medium"
|
|
||||||
>
|
|
||||||
{item.icon && (
|
|
||||||
<item.icon className="h-5 w-5" />
|
|
||||||
)}
|
|
||||||
<span>{item.title}</span>
|
|
||||||
</a>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</SheetContent>
|
</SheetContent>
|
||||||
@ -176,39 +141,6 @@ export function AppHeader({ breadcrumbs = [] }: Props) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="ml-auto flex items-center space-x-2">
|
<div className="ml-auto flex items-center space-x-2">
|
||||||
<div className="relative flex items-center space-x-1">
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
size="icon"
|
|
||||||
className="group h-9 w-9 cursor-pointer"
|
|
||||||
>
|
|
||||||
<Search className="!size-5 opacity-80 group-hover:opacity-100" />
|
|
||||||
</Button>
|
|
||||||
<div className="ml-1 hidden gap-1 lg:flex">
|
|
||||||
{rightNavItems.map((item) => (
|
|
||||||
<Tooltip key={item.title}>
|
|
||||||
<TooltipTrigger>
|
|
||||||
<a
|
|
||||||
href={toUrl(item.href)}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
className="group inline-flex h-9 w-9 items-center justify-center rounded-md bg-transparent p-0 text-sm font-medium text-accent-foreground ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50"
|
|
||||||
>
|
|
||||||
<span className="sr-only">
|
|
||||||
{item.title}
|
|
||||||
</span>
|
|
||||||
{item.icon && (
|
|
||||||
<item.icon className="size-5 opacity-80 group-hover:opacity-100" />
|
|
||||||
)}
|
|
||||||
</a>
|
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent>
|
|
||||||
<p>{item.title}</p>
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
<DropdownMenuTrigger asChild>
|
<DropdownMenuTrigger asChild>
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user