66d5a567c2
* Migration, model, presenter * Working implementation * fix: Account for table of contents * Checkbox -> Toggle * Checkbox -> Toggle
35 lines
666 B
TypeScript
35 lines
666 B
TypeScript
import * as React from "react";
|
|
import NotificationSetting from "~/models/NotificationSetting";
|
|
import Toggle from "~/components/Toggle";
|
|
|
|
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 (
|
|
<Toggle
|
|
label={title}
|
|
name={event}
|
|
checked={!!setting}
|
|
onChange={onChange}
|
|
note={description}
|
|
disabled={disabled}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default NotificationListItem;
|