Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-22 14:39:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: cleanup base dialog component

Browse Source
This commit is contained in:
thecodrr
2020-03-27 01:25:51 +05:00
parent 9c8a6c881e
commit 632819d3af
8 changed files with 277 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
apps/web/src/components/dialogs/password-dialog.js
View File

@@ -21,38 +21,37 @@ function PasswordDialog(props) {
isOpen={true}
title={props.title}
icon={props.icon}
content={
<Box my={1}>
<Input
ref={passwordRef}
autoFocus
variant={isWrong ? "error" : "default"}
type="password"
placeholder="Enter vault password"
onKeyUp={async e => {
if (e.key === "Enter") {
await submit();
} else {
setIsWrong(false);
}
}}
/>
{isWrong && (
<Flex alignItems="center" color="error" mt={2}>
<Icon.Alert size={16} color="error" />
<Text ml={1} fontSize={"subBody"}>
Wrong password
</Text>
</Flex>
)}
</Box>
}
positiveButton={{
text: props.positiveButtonText,
onClick: submit
}}
negativeButton={{ text: "Cancel", onClick: props.onCancel }}
/>
>
<Box my={1}>
<Input
ref={passwordRef}
autoFocus
variant={isWrong ? "error" : "default"}
type="password"
placeholder="Enter vault password"
onKeyUp={async e => {
if (e.key === "Enter") {
await submit();
} else {
setIsWrong(false);
}
}}
/>
{isWrong && (
<Flex alignItems="center" color="error" mt={2}>
<Icon.Alert size={16} color="error" />
<Text ml={1} fontSize={"subBody"}>
Wrong password
</Text>
</Flex>
)}
</Box>
</Dialog>
);
}