Files
outline/app/scenes/Settings/components/NotificationListItem.tsx
Tom Moor 76d83b5e82 Remove duplicative Toggle component (#3028)
fix: Tidy some styling and spacing issues in settings
2022-01-28 20:23:02 -08:00

35 lines
666 B
TypeScript

import * as React from "react";
import NotificationSetting from "~/models/NotificationSetting";
import Switch from "~/components/Switch";
type Props = {
setting?: NotificationSetting;
title: string;
event: string;
description: string;
disabled: boolean;
onChange: (ev: React.SyntheticEvent) => void | Promise<void>;
};
const NotificationListItem = ({
setting,
title,
event,
onChange,
disabled,
description,
}: Props) => {
return (
<Switch
label={title}
name={event}
checked={!!setting}
onChange={onChange}
note={description}
disabled={disabled}
/>
);
};
export default NotificationListItem;