feat : update

components/admin/ui/catalog-select.tsx

@@ -2,6 +2,7 @@
 
 import Image from "next/image";
 import { CircleHelpIcon } from "lucide-react";
+import type { ReactNode } from "react";
 
 import { TeamArtifactIcon } from "@/components/public/team-search";
 import {
@@ -129,6 +130,7 @@ type CatalogSlotSelectProps<Item extends AdminCatalogItem> = CommonSelectProps<I
   onValueChange: (value: string) => void;
   label: string;
   className?: string;
+  placeholderIcon?: ReactNode;
 };
 
 function CatalogSlotSelect<Item extends AdminCatalogItem>({
@@ -143,6 +145,7 @@ function CatalogSlotSelect<Item extends AdminCatalogItem>({
   characterBackground = false,
   searchNames = (item) => [item.name, ...(item.aliases ?? [])],
   className,
+  placeholderIcon,
 }: CatalogSlotSelectProps<Item>) {
   const selected = items.find((item) => item.key === value) ?? null;
 
@@ -168,7 +171,9 @@ function CatalogSlotSelect<Item extends AdminCatalogItem>({
         {selected ? (
           <Image src={selected.imageUrl} alt="" fill sizes="96px" className="object-contain p-0.5" />
         ) : (
-          <CircleHelpIcon className="size-8 text-muted-foreground" aria-hidden="true" />
+          <span className="flex size-full items-center justify-center text-muted-foreground">
+            {placeholderIcon ?? <CircleHelpIcon className="size-8" aria-hidden="true" />}
+          </span>
         )}
       </ComboboxTrigger>
       <ComboboxContent className="min-w-72">
@@ -195,6 +200,7 @@ type DomainSelectProps<Item extends AdminCatalogItem> = CommonSelectProps<Item>
   className?: string;
   showSelectedImage?: boolean;
   showClear?: boolean;
+  placeholderIcon?: ReactNode;
 };
 
 function DomainCatalogSelect<Item extends AdminCatalogItem>({
@@ -202,6 +208,7 @@ function DomainCatalogSelect<Item extends AdminCatalogItem>({
   label,
   className,
   showSelectedImage,
+  placeholderIcon,
   rarityBackground = true,
   ...props
 }: DomainSelectProps<Item>) {
@@ -212,6 +219,7 @@ function DomainCatalogSelect<Item extends AdminCatalogItem>({
         rarityBackground={rarityBackground}
         label={label ?? props.placeholder}
         className={className}
+        placeholderIcon={placeholderIcon}
       />
     );
   }