@hed-hog/catalog 0.0.278 → 0.0.279

package/hedhog/frontend/app/dashboard/page.tsx.ejs

@@ -1,6 +1,4 @@
 'use client';
-
-import { CatalogNav } from '../_components/catalog-nav';
 import {
   catalogKpiResources,
   catalogQuickActionResources,
@@ -66,10 +64,11 @@ const chartTooltipStyle = {
 
 export default function CatalogDashboardPage() {
   const t = useTranslations('catalog');
-  const { request } = useApp();
+  const { accessToken, currentLocaleCode, request } = useApp();
+  const isAppReady = accessToken.trim().length > 0;
 
   const { data, isLoading, refetch } = useQuery<CatalogStats[]>({
-    queryKey: ['catalog-dashboard-stats'],
+    queryKey: ['catalog-dashboard-stats', accessToken, currentLocaleCode],
     queryFn: async () => {
       const responses = await Promise.allSettled(
         catalogResources.map(async (resource) => {
@@ -102,10 +101,9 @@ export default function CatalogDashboardPage() {
             }
       );
     },
-    initialData: [],
+    enabled: isAppReady,
   });
-
-  const dashboardStats = data as CatalogStats[];
+  const dashboardStats = (data ?? []) as CatalogStats[];
 
   const statsMap = new Map(dashboardStats.map((item) => [item.resource, item]));
   const totalRecords = dashboardStats.reduce(
@@ -255,8 +253,6 @@ export default function CatalogDashboardPage() {
           </CardContent>
         </Card>
 
-        <CatalogNav currentHref="/catalog/dashboard" />
-
         <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
           {kpiCards.map(({ resource, total, active }) => {
             const Icon = resource.icon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/catalog",
-  "version": "0.0.278",
+  "version": "0.0.279",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -11,12 +11,12 @@
     "@nestjs/mapped-types": "*",
     "@hed-hog/api-pagination": "0.0.6",
     "@hed-hog/api-locale": "0.0.13",
-    "@hed-hog/core": "0.0.278",
     "@hed-hog/api": "0.0.4",
-    "@hed-hog/category": "0.0.278",
     "@hed-hog/api-prisma": "0.0.5",
-    "@hed-hog/content": "0.0.278",
-    "@hed-hog/tag": "0.0.278"
+    "@hed-hog/core": "0.0.279",
+    "@hed-hog/tag": "0.0.279",
+    "@hed-hog/category": "0.0.279",
+    "@hed-hog/content": "0.0.279"
   },
   "exports": {
     ".": {

package/hedhog/frontend/app/_components/catalog-nav.tsx.ejs

@@ -1,85 +0,0 @@
-'use client';
-
-import { Badge } from '@/components/ui/badge';
-import { cn } from '@/lib/utils';
-import Link from 'next/link';
-import { useTranslations } from 'next-intl';
-import {
-  catalogDashboardHref,
-  catalogModuleIcon,
-  catalogResources,
-} from '../_lib/catalog-resources';
-
-type CatalogNavProps = {
-  currentHref: string;
-};
-
-export function CatalogNav({ currentHref }: CatalogNavProps) {
-  const t = useTranslations('catalog');
-  const ModuleIcon = catalogModuleIcon;
-
-  const items = [
-    {
-      href: catalogDashboardHref,
-      label: t('dashboard.title'),
-      description: t('dashboard.subtitle'),
-      icon: ModuleIcon,
-    },
-    ...catalogResources.map((resource) => ({
-      href: resource.href,
-      label: t(`resources.${resource.translationKey}.title`),
-      description: t(`resources.${resource.translationKey}.description`),
-      icon: resource.icon,
-    })),
-  ];
-
-  return (
-    <div className="min-w-0">
-      <div className="flex gap-2 overflow-x-auto pb-2 md:pb-1 lg:grid lg:grid-cols-2 lg:overflow-visible xl:grid-cols-3 2xl:grid-cols-4">
-        {items.map((item) => {
-          const active = currentHref === item.href;
-          const Icon = item.icon;
-
-          return (
-            <Link
-              key={item.href}
-              href={item.href}
-              className={cn(
-                'group flex w-[280px] max-w-[85vw] shrink-0 snap-start items-start gap-3 rounded-2xl border px-4 py-3 transition-all lg:min-w-0 lg:max-w-none lg:w-full',
-                active
-                  ? 'border-orange-300 bg-orange-50 text-orange-950 shadow-sm'
-                  : 'border-border/70 bg-card hover:-translate-y-0.5 hover:border-orange-200 hover:bg-orange-50/40'
-              )}
-            >
-              <div
-                className={cn(
-                  'mt-0.5 rounded-xl p-2 transition-colors',
-                  active
-                    ? 'bg-orange-500 text-white'
-                    : 'bg-muted text-muted-foreground group-hover:bg-orange-100 group-hover:text-orange-700'
-                )}
-              >
-                <Icon className="size-4" />
-              </div>
-              <div className="min-w-0 space-y-1">
-                <div className="flex min-w-0 items-center gap-2">
-                  <span className="truncate text-sm font-semibold">
-                    {item.label}
-                  </span>
-                  {active ? (
-                    <Badge className="rounded-full bg-orange-500 px-2 py-0 text-[10px] text-white hover:bg-orange-500">
-                      {t('navigation.current')}
-                    </Badge>
-                  ) : null}
-                </div>
-                <p className="line-clamp-2 text-xs text-muted-foreground">
-                  {item.description}
-                </p>
-              </div>
-            </Link>
-          );
-        })}
-      </div>
-    </div>
-  );
-}