♻️ Use Snackbar from Context

ecoscan_app/components/alternatives/AlternativesTab.tsx

@@ -1,6 +1,6 @@
-import { useState } from "react";
-import { FlatList, ActivityIndicator, Text } from "react-native";
-import { Snackbar } from "react-native-paper";
+import { ActivityIndicator, FlatList, Text } from "react-native";
+import { useCallback } from "react";
+import { useSnackbar } from "@/context/SnackbarContext";
 import AlternativeCard from "@/components/alternatives/AlternativeCard";
 import { theme } from "@/theme";
 
@@ -19,45 +19,39 @@ export default function AlternativesTab({
   alternatives,
   loadingEan,
 }: AlternativesTabProps) {
-  const [isSnackbarVisible, setIsSnackbarVisible] = useState(false);
+  const { showSuccess } = useSnackbar();
+
+  const handleCopyEan = useCallback(() => {
+    showSuccess("EAN kopiert!");
+  }, [showSuccess]);
 
   return (
-    <>
-      <FlatList
-        data={alternatives}
-        keyExtractor={(item) => item.ean}
-        renderItem={({ item }) => (
-          <AlternativeCard
-            key={item.ean}
-            name={item.name}
-            ean={item.ean}
-            imageUrl={item.imageUrl}
-            onCopy={() => setIsSnackbarVisible(true)}
+    <FlatList
+      data={alternatives}
+      keyExtractor={(item) => item.ean}
+      renderItem={({ item }) => (
+        <AlternativeCard
+          key={item.ean}
+          name={item.name}
+          ean={item.ean}
+          imageUrl={item.imageUrl}
+          onCopy={handleCopyEan}
+        />
+      )}
+      ListEmptyComponent={() =>
+        loadingEan ? (
+          <ActivityIndicator
+            size="large"
+            color={theme.colors.primary}
+            style={{ padding: 16 }}
           />
-        )}
-        ListEmptyComponent={() =>
-          loadingEan ? (
-            <ActivityIndicator
-              size="large"
-              color={theme.colors.primary}
-              style={{ padding: 16 }}
-            />
-          ) : (
-            <Text style={{ textAlign: "center", color: "gray", padding: 16 }}>
-              Keine Alternativen gefunden
-            </Text>
-          )
-        }
-        contentContainerStyle={{ paddingBottom: 8 }}
-      />
-      <Snackbar
-        visible={isSnackbarVisible}
-        onDismiss={() => setIsSnackbarVisible(false)}
-        duration={2000}
-        style={{ backgroundColor: theme.colors.primary, marginBottom: -16 }}
-      >
-        EAN kopiert!
-      </Snackbar>
-    </>
+        ) : (
+          <Text style={{ textAlign: "center", color: "gray", padding: 16 }}>
+            Keine Alternativen gefunden
+          </Text>
+        )
+      }
+      contentContainerStyle={{ paddingBottom: 8 }}
+    />
   );
 }