Commit Graph

24 Commits

Author SHA1 Message Date
Aman Harwara
f1122f292e feat: New account menu and text input with icon & toggle (#665)
* feat: Add new icons

* Revert "feat: Add new icons"

This reverts commit 0acb403fe846dbb2e48fd22de35c3568c3cb4453.

* feat: Add new icons for account menu

* feat: Add new Icons

* feat: Add "currentPane" state to prefs view

* feat: Update account menu to new design

* feat: Add input component with icon & toggle

* fix: sync icon & function

* fix: Fix eye icon

* feat: Create re-usable checkbox

feat: Add "merge local" option

* feat: Allow using className on IconButton

* feat: Add disabled state on input

feat: Make toggle circle

* refactor: Move checkbox to components

* feat: Handle invalid email/password error

* feat: Implement new design for Create Account

* feat: Implement new account menu design

* feat: Add disabled option to IconButton

* feat: Set account menu pane from other component

* feat: Add 2fa account menu pane

feat: Add lock icon

* feat: Remove unnecessary 2FA menu pane

feat: Reset current menu pane on clickOutside

* feat: Change "Log in" to "Sign in"

* feat: Remove sync from footer

* feat: Change "Login" to "Sign in"

feat: Add spinner to "Syncing..."

refactor: Use then-catch-finally for sync

* feat: Use common enableCustomServer state

* feat: Animate account menu closing

* fix: Reset menu pane only after it's closed

* feat: Add keyDown handler to InputWithIcon

* feat: Handle Enter press in inputs

* Update app/assets/javascripts/components/InputWithIcon.tsx

Co-authored-by: Antonella Sgarlatta <antsgar@gmail.com>

* Update app/assets/javascripts/components/InputWithIcon.tsx

Co-authored-by: Antonella Sgarlatta <antsgar@gmail.com>

* refactor: Use server state from AccountMenuState

* Update app/assets/javascripts/components/AccountMenu/CreateAccount.tsx

Co-authored-by: Antonella Sgarlatta <antsgar@gmail.com>

* Update app/assets/javascripts/components/AccountMenu/ConfirmPassword.tsx

Co-authored-by: Antonella Sgarlatta <antsgar@gmail.com>

* feat: Use common AdvancedOptions

* feat: Add "eye-off" icon and toggle state

* feat: Allow undefined values

* refactor: Remove enableCustomServer state

* feat: Persist server option state

* feat: Add bottom-100 and cursor-auto util classes

refactor: Use bottom-100 and cursor-auto classes

* refactor: Invert ternary operator

* refactor: Remove unused imports

* refactor: Use toggled as prop instead of state

* refactor: Change "Log in/out" to "Sign in/out"

* refactor: Change "Login" to "Sign in"

* refactor: Remove hardcoded width/height

* refactor: Use success class

* feat: Remove hardcoded width & height from svg

* fix: Fix chevron-down icon

Co-authored-by: Antonella Sgarlatta <antsgar@gmail.com>
Co-authored-by: Antonella Sgarlatta <antonella@standardnotes.org>
2021-10-08 11:18:31 -05:00
Gorjan Petrovski
d89f6bfac1 fix: remove unused vars in account menu (#659) 2021-10-04 11:04:08 +02:00
Gorjan Petrovski
0e5692d8ab feat: slim account menu and icon buttons (#655)
* feat: footer icon for preferences menu

* feat: account footer icon

* feat: account menu icon and slimmed down account menu
2021-09-29 17:52:27 +02:00
Gorjan Petrovski
1294b94117 feat: integrate two factor authentication (#626)
* feat: integrate SNJS MFA with web

* fix: create rudimentary typings file for qrcode.react

* chore: lint fixes

* fix: address PR feedback

* fix: address PR feedback

* fix: address PR feedback 2

* fix: replace spread props on TwoFactorAuthWrapper component

* chore: change null check to undefined check
2021-09-06 17:15:34 +02:00
Antonella Sgarlatta
5ebdd4f13b fix: change setHost to setCustomHost 2021-07-05 14:39:48 -03:00
Antonella Sgarlatta
1bb27503fa fix: set minimum passcode length 2021-07-01 17:55:50 -03:00
Antonella Sgarlatta
ef108fe33d chore: update links to .com 2021-07-01 17:55:29 -03:00
VardanHakobyan
e9406b682e fix: the following is done:
- show cursor as pointer when hovering "Advanced Options"
- show error reporting identifier as bold text
- when closing account menu with opened "Sign in" form and then reopening account menu, don't show "Sign in" form
2021-06-24 12:51:26 +03:00
VardanHakobyan
6ba3fbe9ca refactor: better naming 2021-06-23 19:32:31 +03:00
VardanHakobyan
205c48b0e0 fix: add dependencies array to useEffect so that it doesn't run on every render 2021-06-21 19:20:38 +03:00
VardanHakobyan
33082fcd7a fix: prevent default action when activating "Import Backup" by keyboard 2021-06-17 13:57:00 +04:00
VardanHakobyan
a76213dd1f feat: change label to button for better accessibility, let users to import backup by keyboard as well 2021-06-17 13:36:39 +04:00
VardanHakobyan
9f142c05df style: set correct margins for "Advanced Options" button 2021-06-17 11:35:27 +04:00
VardanHakobyan
c897199d33 refactor: move user-related data to appStore 2021-06-16 17:00:13 +04:00
VardanHakobyan
018251838c refactor: read the required data from appState instead of passing by parent component 2021-06-16 16:20:23 +04:00
VardanHakobyan
17515848b4 fix: observe KeyStatusChanged event and correctly update hasProtections info 2021-06-16 16:00:14 +04:00
VardanHakobyan
6a3433d522 style: make "Advanced Options" button's styling similar to its previous "a" element's style 2021-06-16 15:18:06 +04:00
VardanHakobyan
96aaff5ff8 refactor: move all applicable parts to mobx instead of passing from parent to children components 2021-06-16 15:16:45 +04:00
VardanHakobyan
c1e88a8ac0 refactor: add hidden class and tabIndex for accessibility 2021-06-15 17:16:05 +04:00
VardanHakobyan
adfef38bdc refactor: reviewer's comment
- use Preact's `FunctionalComponent` instead of React's `FC` to keep the app more lightweight
- remove `@node_modules/` from imports
2021-06-15 12:07:03 +04:00
VardanHakobyan
42ea6a1ea9 refactor: separate DataBackup and ErrorReporting components, remove the original (large) AccountMenu component 2021-06-14 18:40:07 +04:00
VardanHakobyan
9de1b30291 fix: correctly update Merge local data checkbox' state 2021-06-11 15:04:38 +04:00
VardanHakobyan
abb0b6595e style: split AccountMenu to smaller components
- change link to button for "Advanced Options"
- show cursor as pointer on checkbox and its label
2021-06-11 15:01:56 +04:00
VardanHakobyan
8a2fa13d4e refactor: split AccountMenu to smaller components
Notes:
- remove `url` and keep only `server`, as they are duplicating each other
2021-06-10 18:38:44 +04:00