Add new gallery variant

src/app/(admin)/artworks/[id]/page.tsx

@@ -28,7 +28,7 @@ export default async function ArtworkSinglePage({ params }: { params: Promise<{
             {item && <DeleteArtworkButton artworkId={item.id} />}
           </div>
           <div>
-            {item && <ArtworkVariants variants={item.variants} />}
+            {item && <ArtworkVariants artworkId={item.id} variants={item.variants} />}
           </div>
         </div>
         <div className="space-y-6">
@@ -45,4 +45,4 @@ export default async function ArtworkSinglePage({ params }: { params: Promise<{
       </div>
     </div>
   );
-}
+}

src/app/(admin)/artworks/page.tsx

@@ -1,4 +1,5 @@
 import { ArtworkColorProcessor } from "@/components/artworks/ArtworkColorProcessor";
+import { ArtworkGalleryVariantProcessor } from "@/components/artworks/ArtworkGalleryVariantProcessor";
 import { ArtworksTable } from "@/components/artworks/ArtworksTable";
 import { getArtworksPage } from "@/lib/queryArtworks";
 
@@ -59,6 +60,7 @@ export default async function ArtworksPage({
       <h1 className="text-2xl font-bold">Artworks</h1>
       {/* <ProcessArtworkColorsButton /> */}
       <ArtworkColorProcessor />
+      <ArtworkGalleryVariantProcessor />
       <ArtworksTable />
     </div>
     // <div>
@@ -89,4 +91,4 @@ export default async function ArtworksPage({
     //   </div>
     // </div >
   );
-}
+}