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

feat: improve UI of all dialogs

Browse Source
This commit is contained in:
thecodrr
2020-09-27 15:35:11 +05:00
parent 1781115ab2
commit 27c0163781
19 changed files with 447 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,6 +20,7 @@ function PasswordDialog(props) {
<Dialog
isOpen={true}
title={props.title}
description={props.subtitle}
icon={props.icon}
positiveButton={{
text: props.positiveButtonText,
@@ -59,21 +60,24 @@ function getDialogData(type) {
switch (type) {
case "create_vault":
return {
title: "Set Up Your Vault",
title: "Create Your Vault",
subtitle: "Your vault will encrypt everything locally.",
icon: Icon.Vault,
positiveButtonText: "Done",
positiveButtonText: "Create my vault",
};
case "unlock_vault":
return {
title: "Unlock Vault",
title: "Unlock your Vault",
subtitle: "Your vault will remain unlocked for 30 minutes.",
icon: Icon.Unlock,
positiveButtonText: "Unlock",
positiveButtonText: "Unlock my vault",
};
case "unlock_note":
return {
title: "Unlock Note",
title: "Unlock your Note",
subtitle: "Unlocking will make this note openly available.",
icon: Icon.Unlock,
positiveButtonText: "Unlock",
positiveButtonText: "Unlock this note",
};
default:
return;
@@ -81,10 +85,11 @@ function getDialogData(type) {
}
export function showPasswordDialog(type, validate) {
const { title, icon, positiveButtonText } = getDialogData(type);
const { title, subtitle, icon, positiveButtonText } = getDialogData(type);
return showDialog((perform) => (
<PasswordDialog
title={title}
subtitle={subtitle}
icon={icon}
positiveButtonText={positiveButtonText}
onCancel={() => perform(false)}