1

src/components/custom-world-home/CustomWorldCreationHub.tsx

@@ -47,6 +47,8 @@ type CustomWorldCreationHubProps = {
   puzzleItems?: PuzzleWorkSummary[];
   onOpenPuzzleDetail?: (item: PuzzleWorkSummary) => void;
   onDeletePuzzle?: ((item: PuzzleWorkSummary) => void) | null;
+  onClaimPuzzlePointIncentive?: ((item: PuzzleWorkSummary) => void) | null;
+  claimingPuzzleProfileId?: string | null;
 };
 
 function EmptyState({ title }: { title: string }) {
@@ -131,6 +133,8 @@ export function CustomWorldCreationHub({
   puzzleItems = [],
   onOpenPuzzleDetail,
   onDeletePuzzle = null,
+  onClaimPuzzlePointIncentive = null,
+  claimingPuzzleProfileId = null,
 }: CustomWorldCreationHubProps) {
   const [activeFilter, setActiveFilter] =
     useState<CustomWorldWorkFilter>('all');
@@ -222,6 +226,17 @@ export function CustomWorldCreationHub({
     }
   }
 
+  function buildPointIncentiveAction(item: CreationWorkShelfItem) {
+    if (item.source.kind !== 'puzzle' || !onClaimPuzzlePointIncentive) {
+      return null;
+    }
+
+    const sourceItem = item.source.item;
+    return () => {
+      onClaimPuzzlePointIncentive(sourceItem);
+    };
+  }
+
   return (
     <div className="platform-page-stage platform-remap-surface space-y-4 px-3 pb-4 pt-3 sm:px-4 sm:pt-4 xl:px-5 xl:pb-5 xl:pt-5">
       <div className="space-y-4 xl:space-y-3">
@@ -281,6 +296,11 @@ export function CustomWorldCreationHub({
                 onOpen={() => handleOpenShelfItem(item)}
                 onDelete={buildDeleteAction(item)}
                 deleteBusy={deletingWorkId === item.id}
+                onClaimPointIncentive={buildPointIncentiveAction(item)}
+                pointIncentiveBusy={
+                  item.source.kind === 'puzzle' &&
+                  claimingPuzzleProfileId === item.source.item.profileId
+                }
               />
             ))}
           </div>