@umituz/react-native-ai-generation-content 1.12.17 → 1.12.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.17",
+  "version": "1.12.19",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/creations/application/services/CreationsService.ts

@@ -44,6 +44,7 @@ export class CreationsService extends BaseRepository {
                 metadata: dto.metadata,
                 createdAt: new Date(),
                 isShared: false,
+                isFavorite: false,
             });
 
             return creationId;

package/src/domains/creations/presentation/components/CreationCard.tsx

@@ -154,7 +154,7 @@ export function CreationCard({
         <Image source={{ uri: creation.uri }} style={styles.thumbnail} />
         {isSelectionMode && (
           <View style={styles.selectionOverlay}>
-            {isSelected && <AtomicIcon name="checkmark-circle" size="xs" color="white" />}
+            {isSelected && <AtomicIcon name="checkmark-circle" size="xs" color="onPrimary" />}
           </View>
         )}
       </View>

package/src/domains/creations/presentation/components/CreationImageViewer.tsx

@@ -48,7 +48,7 @@ export const CreationImageViewer: React.FC<CreationImageViewerProps> = ({
                 activeOpacity={0.7}
                 hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
             >
-                <AtomicIcon name="close" size="lg" color="white" />
+                <AtomicIcon name="close" size="lg" color="onPrimary" />
             </TouchableOpacity>
         </View>
     );
@@ -68,7 +68,7 @@ export const CreationImageViewer: React.FC<CreationImageViewerProps> = ({
             backgroundColor: 'rgba(0,0,0,0.5)',
             paddingHorizontal: tokens.spacing.md,
             paddingVertical: tokens.spacing.xs,
-            borderRadius: tokens.spacing.pill || 20,
+            borderRadius: 999,
             justifyContent: 'center',
         },
         counterText: {

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo, useCallback, useState } from "react";
-import { View, StyleSheet } from "react-native";
+import { View, TouchableOpacity } from "react-native";
 import {
   useAppDesignTokens,
   useSharing,
@@ -7,9 +7,9 @@ import {
   ScreenHeader,
   useAlert,
   AlertMode,
+  AtomicIcon,
   type BottomSheetModalRef
 } from "@umituz/react-native-design-system";
-import { useFocusEffect } from "@react-navigation/native";
 import { useCreations } from "../hooks/useCreations";
 import { useDeleteCreation } from "../hooks/useDeleteCreation";
 import { useCreationsFilter } from "../hooks/useCreationsFilter";
@@ -92,15 +92,6 @@ export function CreationsGalleryScreen({
   const [selectedItemIds, setSelectedItemIds] = useState<string[]>([]);
   const [isSelectionMode, setIsSelectionMode] = useState(false);
 
-
-
-  // Refetch creations when screen comes into focus
-  useFocusEffect(
-    useCallback(() => {
-      refetch();
-    }, [refetch])
-  );
-
   // Prepare data for UI using utils
   const translatedTypes = useMemo(() => getTranslatedTypes(config, t), [config, t]);
   const allCategories = useMemo(() => getFilterCategoriesFromConfig(config, t), [config, t]);
@@ -186,10 +177,11 @@ export function CreationsGalleryScreen({
             <ScreenHeader
               title={isSelectionMode ? `${selectedItemIds.length} Selected` : screenTitle}
               onBackPress={isSelectionMode ? () => { setIsSelectionMode(false); setSelectedItemIds([]); } : onBackPress}
-              rightAction={isSelectionMode ? {
-                icon: 'trash',
-                onPress: handleDeleteSelected,
-              } : undefined}
+              rightAction={isSelectionMode ? (
+                <TouchableOpacity onPress={handleDeleteSelected}>
+                  <AtomicIcon name="trash" color="error" size="md" />
+                </TouchableOpacity>
+              ) : undefined}
             />
           )}
           {!isSelectionMode && enableSearch && (
@@ -205,22 +197,20 @@ export function CreationsGalleryScreen({
       }
       contentContainerStyle={{ paddingHorizontal: 0 }}
     >
-      {(!creations || creations?.length === 0) && !isLoading ? null : (
-        showGalleryHeader ? (
-          <GalleryHeader
-            title={showScreenHeader || isSelectionMode ? '' : screenTitle}
-            count={filtered.length}
-            countLabel=''
-            subtitle={showCount ? t(config.translations.photoCount, { count: filtered.length }) : undefined}
-            isFiltered={isFiltered}
-            filterLabel={t(config.translations.filterLabel) || 'Filter'}
-            onFilterPress={() => filterSheetRef.current?.present()}
-            onFavoritesPress={() => setShowOnlyFavorites(!showOnlyFavorites)}
-            showOnlyFavorites={showOnlyFavorites}
-            isFilterEnabled={enableFilter}
-            showCount={showCount}
-          />
-        ) : null
+      {creations && creations.length > 0 && showGalleryHeader && (
+        <GalleryHeader
+          title={showScreenHeader || isSelectionMode ? '' : screenTitle}
+          count={filtered.length}
+          countLabel=''
+          subtitle={showCount ? t(config.translations.photoCount, { count: filtered.length }) : undefined}
+          isFiltered={isFiltered}
+          filterLabel={t(config.translations.filterLabel) || 'Filter'}
+          onFilterPress={() => filterSheetRef.current?.present()}
+          onFavoritesPress={() => setShowOnlyFavorites(!showOnlyFavorites)}
+          showOnlyFavorites={showOnlyFavorites}
+          isFilterEnabled={enableFilter}
+          showCount={showCount}
+        />
       )}
 
       {/* Main Content Grid - handles empty/loading via ListEmptyComponent */}