ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-15 18:12:47 +03:00
Code Issues Packages Projects Releases Wiki Activity

ChannelPopover: cancel dismisses popover

Browse Source
This commit is contained in:
Liam Fitzgerald 2021-04-19 15:58:44 +10:00
parent 1b1d7e9e80
commit c92753d1ed
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pkg/interface/src/views/components/FormGroup.tsx
View File

@ -90,8 +90,8 @@ export function FormGroupChild(props: { id: string }) {
return <Box display="none" />;
}
export function FormGroup(props: PropFunc<typeof Box>) {
const { children, ...rest } = props;
export function FormGroup(props: { onReset?: () => void; } & PropFunc<typeof Box>) {
const { children, onReset, ...rest } = props;
const [submits, setSubmits] = useState({} as { [id: string]: SubmitHandler });
const [resets, setResets] = useState({} as Record<string, () => void>);
const [dirty, setDirty] = useState({} as Record<string, boolean>);
@ -102,7 +102,8 @@ export function FormGroup(props: PropFunc<typeof Box>) {
const resetAll = useCallback(() => {
_.map(resets, (r) => r());
}, [resets]);
onReset && onReset();
}, [resets, onReset]);
const submitAll = useCallback(async () => {
await Promise.all(
@ -160,7 +161,7 @@ export function FormGroup(props: PropFunc<typeof Box>) {
borderTop="1"
borderTopColor="washedGray"
>
<Button disabled={!isDirty} onClick={resetAll}>Cancel</Button>
<Button onClick={resetAll}>Cancel</Button>
<StatelessAsyncButton
onClick={submitAll}
disabled={hasErrors || !isDirty}

2
pkg/interface/src/views/landscape/components/ChannelPopoverRoutes/index.tsx
View File

@ -84,7 +84,7 @@ export function ChannelPopoverRoutes(props: ChannelPopoverRoutesProps) {
isOwner={isOwner}
baseUrl={props.baseUrl}
/>
<FormGroup height="100%" overflowY="auto" pt="5" flexGrow={1}>
<FormGroup onReset={onDismiss} height="100%" overflowY="auto" pt="5" flexGrow={1}>
<ChannelNotifications {...props} />
{!isOwner && (
<Col mx="4" mb="6" flexShrink={0}>