@umituz/react-native-ai-creations 1.3.2 → 1.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-creations",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "AI-generated creations gallery with filtering, sharing, and management for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/screens/CreationsGalleryScreen.tsx

@@ -59,30 +59,27 @@ export function CreationsGalleryScreen({
     }, [refetch])
   );
 
-  // Translate types for Grid display
+  // Translate types for Grid display & Filter
   const translatedTypes = useMemo(() => {
     return config.types.map(type => ({
       ...type,
-      labelKey: t(type.labelKey) // Pre-translate for CreationCard which just displays labelKey
+      labelKey: t(type.labelKey)
     }));
   }, [config.types, t]);
 
-  const categories: FilterCategory[] = useMemo(() => {
-    const cats: FilterCategory[] = [];
+  const allCategories = useMemo(() => {
+    const categories: FilterCategory[] = [];
     if (config.types.length > 0) {
-      cats.push({
+      categories.push({
         id: 'type',
         title: t(config.translations.filterTitle),
         multiSelect: false,
         options: config.types.map(type => ({ id: type.id, label: t(type.labelKey), icon: type.icon || 'image' }))
       });
     }
-    return cats;
-  }, [config.types, config.translations.filterTitle, t]);
-
-  // For now, allCategories is just the 'categories' derived from config.types
-  // In the future, other filter categories could be added here.
-  const allCategories = useMemo(() => categories, [categories]);
+    if (config.filterCategories) categories.push(...config.filterCategories);
+    return categories;
+  }, [config.types, config.filterCategories, t, config.translations.filterTitle]);
 
   const handleShare = useCallback(async (creation: Creation) => {
     share(creation.uri, { dialogTitle: t("common.share") });
@@ -105,8 +102,6 @@ export function CreationsGalleryScreen({
     });
   }, [alert, config, deleteMutation, t]);
 
-  const styles = useStyles(tokens);
-
   if (selectedCreation) {
     return (
       <CreationDetailScreen
@@ -119,6 +114,8 @@ export function CreationsGalleryScreen({
     );
   }
 
+  const styles = useStyles(tokens);
+
   if (!isLoading && (!creations || creations.length === 0)) {
     return (
       <View style={styles.container}>
@@ -178,17 +175,6 @@ export function CreationsGalleryScreen({
   );
 }
 
-}
-    />
-  < FilterBottomSheet
-ref = { filterSheetRef }
-categories = { allCategories }
-selectedIds = { selectedIds }
-onFilterPress = {(id, catId) => toggleFilter(id, allCategories.find(c => c.id === catId)?.multiSelect)}
-onClearFilters = { clearFilters }
-title = { t(config.translations.filterTitle) || t("common.filter")}
-    />
-  </View >
 );
 }