* fix: padding * fix: Minor button alignment issues * feat: Add icon to invite people button * WIP
37 lines
689 B
JavaScript
37 lines
689 B
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import Checkbox from 'components/Checkbox';
|
|
import NotificationSetting from 'models/NotificationSetting';
|
|
|
|
type Props = {
|
|
setting?: NotificationSetting,
|
|
title: string,
|
|
event: string,
|
|
description: string,
|
|
disabled: boolean,
|
|
onChange: (ev: SyntheticInputEvent<>) => void | Promise<void>,
|
|
};
|
|
|
|
const NotificationListItem = ({
|
|
setting,
|
|
title,
|
|
event,
|
|
enabled,
|
|
onChange,
|
|
disabled,
|
|
description,
|
|
}: Props) => {
|
|
return (
|
|
<Checkbox
|
|
label={title}
|
|
name={event}
|
|
checked={!!setting}
|
|
onChange={onChange}
|
|
note={description}
|
|
disabled={disabled}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default NotificationListItem;
|