import { usePush } from 'react-native-stackfront-sdk';
function NotificationSettings() {
const { permission, requestPermission, preferences, updatePreferences } = usePush();
return (
<View>
<Text>
Notifications: {permission ? 'Enabled' : 'Disabled'}
</Text>
{!permission && (
<Button title="Enable Notifications" onPress={requestPermission} />
)}
{preferences && (
<>
<SwitchRow
label="Marketing"
value={preferences.marketingEnabled}
onValueChange={(v) => updatePreferences({ ...preferences, marketingEnabled: v })}
/>
<SwitchRow
label="Order Updates"
value={preferences.orderUpdatesEnabled}
onValueChange={(v) => updatePreferences({ ...preferences, orderUpdatesEnabled: v })}
/>
<SwitchRow
label="Abandoned Cart"
value={preferences.abandonedCartEnabled}
onValueChange={(v) => updatePreferences({ ...preferences, abandonedCartEnabled: v })}
/>
</>
)}
</View>
);
}