Routing
This commit is contained in:
parent
e7bd3abadc
commit
b5670d9a71
9 changed files with 149 additions and 106 deletions
|
@ -20,12 +20,23 @@ import {useLiveQuery} from "dexie-react-hooks";
|
|||
import Box from "@mui/material/Box";
|
||||
import Button from "@mui/material/Button";
|
||||
import subscriptionManager from "../app/SubscriptionManager";
|
||||
import { useParams } from "react-router-dom";
|
||||
|
||||
const Notifications = (props) => {
|
||||
const params = useParams();
|
||||
if (!props.subscriptions) {
|
||||
return null;
|
||||
}
|
||||
const [subscription] = props.subscriptions.filter(s => s.topic === params.topic);
|
||||
if (!subscription) {
|
||||
return null; // FIXME
|
||||
}
|
||||
return <NotificationList subscription={subscription}/>;
|
||||
};
|
||||
|
||||
const NotificationList = (props) => {
|
||||
const subscription = props.subscription;
|
||||
const notifications = useLiveQuery(() => {
|
||||
return subscriptionManager.getNotifications(subscription.id);
|
||||
}, [subscription]);
|
||||
const notifications = useLiveQuery(() => subscriptionManager.getNotifications(subscription.id), [subscription]);
|
||||
if (!notifications || notifications.length === 0) {
|
||||
return <NothingHereYet subscription={subscription}/>;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue