kylefang/connect
1
0
Fork 0
mirror of https://github.com/zhigang1992/connect.git synced 2026-04-24 05:05:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: show loading when reusing account, fixes #464

Browse Source
This commit is contained in:
Hank Stoever
2020-07-14 06:33:51 -07:00
parent f0ba354522
commit 19fbf4efdc
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/app/src/components/drawer/index.tsx
View File

@@ -32,8 +32,14 @@ interface DrawerProps {
export const Drawer: React.FC<DrawerProps> = ({ showing, close, apps, confirm }) => {
const ref = React.useRef(null);
const [checked, setChecked] = React.useState(false);
const [loading, setLoading] = React.useState(false);
useOnClickOutside(ref, () => showing && close());
useOnClickOutside(ref, () => {
if (showing) {
setLoading(false);
close();
}
});
return (
<Flex
@@ -98,7 +104,14 @@ export const Drawer: React.FC<DrawerProps> = ({ showing, close, apps, confirm })
<Button mode="secondary" onClick={close} flexGrow={1}>
Go back
</Button>
<Button flexGrow={1} onClick={async () => await confirm(checked)}>
<Button
flexGrow={1}
isLoading={loading}
onClick={async () => {
setLoading(true);
await confirm(checked);
}}
>
Continue to app
</Button>
</Stack>