export function NotificationsProvider(props: PropsWithChildren) {
const navigate = useNavigate();
const { data: me } = useSuspenseQuery(trpc.customer.me.queryOptions());
return (
<Inbox
applicationIdentifier={import.meta.env.VITE_NOVU_APP_ID}
backendUrl="https://eu.api.novu.co"
socketUrl="wss://eu.ws.novu.co"
subscriberHash={me.notificationSubscriberHash}
subscriber={me.uid}
routerPush={(path: string) => navigate({ to: path })}
appearance={appearance}
>
{props.children}
</Inbox>
);
}
export function NotificationsProvider(props: PropsWithChildren) {
const navigate = useNavigate();
const { data: me } = useSuspenseQuery(trpc.customer.me.queryOptions());
return (
<Inbox
applicationIdentifier={import.meta.env.VITE_NOVU_APP_ID}
backendUrl="https://eu.api.novu.co"
socketUrl="wss://eu.ws.novu.co"
subscriberHash={me.notificationSubscriberHash}
subscriber={me.uid}
routerPush={(path: string) => navigate({ to: path })}
appearance={appearance}
>
{props.children}
</Inbox>
);
}