@umituz/react-native-ai-creations 1.3.9 → 1.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-creations",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "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/components/FilterBottomSheet.tsx

@@ -22,14 +22,15 @@ interface FilterBottomSheetProps {
     onFilterPress: (id: string, categoryId: string) => void;
     onClearFilters: () => void;
     title: string;
+    snapPoints?: string[];
 }
 
 export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomSheetProps>((props, ref) => {
-    const { categories, selectedIds, onFilterPress, onClearFilters, title } = props;
+    const { categories, selectedIds, onFilterPress, onClearFilters, title, snapPoints: propSnapPoints } = props;
     const tokens = useAppDesignTokens();
     const styles = useStyles(tokens);
 
-    const snapPoints = useMemo(() => ['50%', '75%'], []);
+    const snapPoints = useMemo(() => propSnapPoints || ['50%', '75%'], [propSnapPoints]);
 
     const renderOption = useCallback((option: FilterOption, category: FilterCategory) => {
         const isSelected = selectedIds.includes(option.id);

package/src/presentation/screens/CreationsGalleryScreen.tsx

@@ -115,18 +115,7 @@ export function CreationsGalleryScreen({
 
   const styles = useStyles(tokens);
 
-  if (!isLoading && (!creations || creations.length === 0)) {
-    return (
-      <View style={styles.container}>
-        <EmptyState
-          title={t(config.translations.empty)}
-          description={t(config.translations.emptyDescription)}
-          actionLabel={emptyActionLabel}
-          onAction={onEmptyAction}
-        />
-      </View>
-    );
-  }
+  const showEmptyState = !isLoading && (!creations || creations.length === 0);
 
   return (
     <View style={styles.container}>
@@ -139,37 +128,49 @@ export function CreationsGalleryScreen({
         onFilterPress={() => filterSheetRef.current?.present()}
         style={{ paddingTop: insets.top + tokens.spacing.md }}
       />
-      <CreationsGrid
-        creations={filtered}
-        types={translatedTypes}
-        isLoading={isLoading}
-        onRefresh={refetch}
-        onView={setSelectedCreation}
-        onShare={handleShare}
-        onDelete={handleDelete}
-        contentContainerStyle={{ paddingBottom: insets.bottom + tokens.spacing.xl }}
-      />
-      <ImageGallery
-        images={filtered.map(c => ({ uri: c.uri }))}
-        visible={viewerVisible}
-        index={viewerIndex}
-        onDismiss={() => setViewerVisible(false)}
-        onIndexChange={setViewerIndex}
-        {...(enableEditing && { enableEditing } as any)}
-        {...(onImageEdit && {
-          onImageChange: async (uri: string) => {
-            if (selectedCreation) { await onImageEdit(uri, (selectedCreation as Creation).id); refetch(); }
-          }
-        } as any)}
-      />
-      <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")}
-      />
+
+      {showEmptyState ? (
+        <EmptyState
+          title={t(config.translations.empty)}
+          description={t(config.translations.emptyDescription)}
+          actionLabel={emptyActionLabel}
+          onAction={onEmptyAction}
+        />
+      ) : (
+        <>
+          <CreationsGrid
+            creations={filtered}
+            types={translatedTypes}
+            isLoading={isLoading}
+            onRefresh={refetch}
+            onView={setSelectedCreation}
+            onShare={handleShare}
+            onDelete={handleDelete}
+            contentContainerStyle={{ paddingBottom: insets.bottom + tokens.spacing.xl }}
+          />
+          <ImageGallery
+            images={filtered.map(c => ({ uri: c.uri }))}
+            visible={viewerVisible}
+            index={viewerIndex}
+            onDismiss={() => setViewerVisible(false)}
+            onIndexChange={setViewerIndex}
+            {...(enableEditing && { enableEditing } as any)}
+            {...(onImageEdit && {
+              onImageChange: async (uri: string) => {
+                if (selectedCreation) { await onImageEdit(uri, (selectedCreation as Creation).id); refetch(); }
+              }
+            } as any)}
+          />
+          <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>
   );
 }