Citali/v2.admin.gaertan.art
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add portfolio thingies

Browse Source
This commit is contained in:
Citali
2025-12-25 09:29:21 +01:00
parent ededf3df06
commit 25ba47f7be
1 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/artworks/single/ArtworkColors.tsx
View File

@ -1,12 +1,10 @@
"use client"
import { generateArtworkColors } from "@/actions/artworks/generateArtworkColors";
// import { generateArtworkColors } from "@/actions/artworks/generateArtworkColors";
// import { generateImageColors } from "@/actions/portfolio/images/generateImageColors";
import { Button } from "@/components/ui/button";
import { ArtworkColor, Color } from "@/generated/prisma/client";
// import { Color, ImageColor } from "@/generated/prisma";
import { useState, useTransition } from "react";
import { toast } from "sonner";
type ColorWithItems = ArtworkColor & {
color: Color
@ -16,26 +14,26 @@ export default function ArtworkColors({ colors: initialColors, artworkId, fileKe
const [colors, setColors] = useState(initialColors);
const [isPending, startTransition] = useTransition();
const handleGenerate = () => {
startTransition(async () => {
try {
const newColors = await generateArtworkColors(artworkId, fileKey, fileType);
setColors(newColors);
toast.success("Colors extracted successfully");
} catch (err) {
toast.error("Failed to extract colors");
console.error(err);
}
});
};
// const handleGenerate = () => {
// startTransition(async () => {
// try {
// const newColors = await generateArtworkColorsForArtwork(artworkId, fileKey, fileType);
// setColors(newColors);
// toast.success("Colors extracted successfully");
// } catch (err) {
// toast.error("Failed to extract colors");
// console.error(err);
// }
// });
// };
return (
<>
<div className="flex items-center justify-between mb-2">
<h2 className="font-semibold text-lg">Artwork Colors</h2>
<Button size="sm" onClick={handleGenerate} disabled={isPending}>
{/* <Button size="sm" onClick={handleGenerate} disabled={isPending}>
{isPending ? "Extracting..." : "Generate Palette"}
</Button>
</Button> */}
</div >
<div className="flex flex-wrap gap-2">
{colors.map((item) => (