Inbox Feed

import { SuprSendExpoProvider, SuprSendFeedProvider } from "@suprsend/expo-sdk";

export default function App() {
  return (
    <SuprSendExpoProvider {...authProps}>
      <SuprSendFeedProvider>
        <RootNavigator />
      </SuprSendFeedProvider>
    </SuprSendExpoProvider>
  );
}

import { useFeedData, useFeedClient, useFeed } from "@suprsend/expo-sdk";
import { FlatList, Text, Pressable } from "react-native";

function Inbox() {
  const feedData = useFeedData();
  const feedClient = useFeedClient();
  const { refresh } = useFeed(); // used to refresh inbox instance like pull to refresh etc

  return (
    <FlatList
      data={feedData?.notifications ?? []}
      keyExtractor={(n) => n.n_id}
      renderItem={({ item }) => (
        <Pressable onPress={() => feedClient?.markAsInteracted(item.n_id)}>
          <Text>{item.message.header}</Text>
        </Pressable>
      )}
    />
  );
}