// Inbox.tsx
import { Inbox } from "@novu/react";
import { useNavigate } from "react-router-dom";
function NovuInbox() {
const navigate = useNavigate();
return (
<Inbox
applicationIdentifier="aCs1wc4F2axM"
subscriberId="b92f5c1a37d84eb2007e6faa"
routerPush={(path: string) => navigate(path)}
appearance={{
variables: {
colorPrimary: "#1990FE",
colorForeground: "#D1D1D0",
borderRadius: "0px",
},
}}
/>
);
}
export default NovuInbox;
// Inbox.tsx
import { Inbox } from "@novu/react";
import { useNavigate } from "react-router-dom";
function NovuInbox() {
const navigate = useNavigate();
return (
<Inbox
applicationIdentifier="aCs1wc4F2axM"
subscriberId="b92f5c1a37d84eb2007e6faa"
routerPush={(path: string) => navigate(path)}
appearance={{
variables: {
colorPrimary: "#1990FE",
colorForeground: "#D1D1D0",
borderRadius: "0px",
},
}}
/>
);
}
export default NovuInbox;