@vendure/dashboard 3.2.0 → 3.2.2

package/src/lib/components/shared/error-page.tsx

@@ -1,31 +1,31 @@
-import { Page, PageBlock, PageLayout, PageTitle } from '@/framework/layout-engine/page-layout.js';
-import { Trans } from '@/lib/trans.js';
-import { AlertCircle } from 'lucide-react';
-import { Alert, AlertTitle, AlertDescription } from '../ui/alert.js';
-
-export interface ErrorPageProps {
-    message: string;
-}
-
-/**
- * @description
- * A generic error page that displays an error message.
- */
-export function ErrorPage({ message }: ErrorPageProps) {
-    return (
-        <Page>
-            <PageTitle>
-                <Trans>Error</Trans>
-            </PageTitle>
-            <PageLayout>
-                <PageBlock column="main">
-                    <Alert variant="destructive">
-                        <AlertCircle className="h-4 w-4" />
-                        <AlertTitle>Error</AlertTitle>
-                        <AlertDescription>{message}</AlertDescription>
-                    </Alert>
-                </PageBlock>
-            </PageLayout>
-        </Page>
-    );
-}
+import { Page, PageBlock, PageLayout, PageTitle } from '@/framework/layout-engine/page-layout.js';
+import { Trans } from '@/lib/trans.js';
+import { AlertCircle } from 'lucide-react';
+import { Alert, AlertTitle, AlertDescription } from '../ui/alert.js';
+
+export interface ErrorPageProps {
+    message: string;
+}
+
+/**
+ * @description
+ * A generic error page that displays an error message.
+ */
+export function ErrorPage({ message }: ErrorPageProps) {
+    return (
+        <Page>
+            <PageTitle>
+                <Trans>Error</Trans>
+            </PageTitle>
+            <PageLayout>
+                <PageBlock column="main">
+                    <Alert variant="destructive">
+                        <AlertCircle className="h-4 w-4" />
+                        <AlertTitle>Error</AlertTitle>
+                        <AlertDescription>{message}</AlertDescription>
+                    </Alert>
+                </PageBlock>
+            </PageLayout>
+        </Page>
+    );
+}

package/src/lib/components/shared/facet-value-chip.tsx

@@ -1,45 +1,45 @@
-import { Badge } from '@/components/ui/badge.js';
-import { X } from 'lucide-react';
-
-// Interface for facet value type
-interface FacetValue {
-    id: string;
-    name: string;
-    code: string;
-    facet: {
-        id: string;
-        name: string;
-        code: string;
-    };
-}
-
-interface FacetValueChipProps {
-    facetValue: FacetValue;
-    removable?: boolean;
-    displayFacetName?: boolean;
-    onRemove?: (id: string) => void;
-}
-
-export function FacetValueChip({ facetValue, removable = true, onRemove, displayFacetName = true }: FacetValueChipProps) {
-    return (
-        <Badge 
-            variant="secondary"
-            className="flex items-center gap-2 py-0.5 pl-2 pr-1 h-6 hover:bg-secondary/80"
-        >
-            <div className="flex items-center gap-1.5">
-                <span className="font-medium">{facetValue.name}</span>
-                {displayFacetName && <span className="text-muted-foreground text-xs">in {facetValue.facet.name}</span>}
-            </div>
-            {removable && (
-                <button
-                    type="button"
-                    className="ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full hover:bg-muted/30"
-                    onClick={() => onRemove?.(facetValue.id)}
-                    aria-label={`Remove ${facetValue.name} from ${facetValue.facet.name}`}
-                >
-                    <X className="h-3 w-3" />
-                </button>
-            )}
-        </Badge>
-    );
+import { Badge } from '@/components/ui/badge.js';
+import { X } from 'lucide-react';
+
+// Interface for facet value type
+interface FacetValue {
+    id: string;
+    name: string;
+    code: string;
+    facet: {
+        id: string;
+        name: string;
+        code: string;
+    };
+}
+
+interface FacetValueChipProps {
+    facetValue: FacetValue;
+    removable?: boolean;
+    displayFacetName?: boolean;
+    onRemove?: (id: string) => void;
+}
+
+export function FacetValueChip({ facetValue, removable = true, onRemove, displayFacetName = true }: FacetValueChipProps) {
+    return (
+        <Badge 
+            variant="secondary"
+            className="flex items-center gap-2 py-0.5 pl-2 pr-1 h-6 hover:bg-secondary/80"
+        >
+            <div className="flex items-center gap-1.5">
+                <span className="font-medium">{facetValue.name}</span>
+                {displayFacetName && <span className="text-muted-foreground text-xs">in {facetValue.facet.name}</span>}
+            </div>
+            {removable && (
+                <button
+                    type="button"
+                    className="ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full hover:bg-muted/30"
+                    onClick={() => onRemove?.(facetValue.id)}
+                    aria-label={`Remove ${facetValue.name} from ${facetValue.facet.name}`}
+                >
+                    <X className="h-3 w-3" />
+                </button>
+            )}
+        </Badge>
+    );
 }