From 66f97f06123b1be087ea5a23140b6bd18e0c004f Mon Sep 17 00:00:00 2001 From: Aman Harwara Date: Sat, 9 Jul 2022 00:38:44 +0530 Subject: [PATCH] feat(web): mobile-friendly (responsive) preferences UI (#1234) --- ...fresh-npm-0.14.0-78ef5eeb73-dc69fa8c99.zip | Bin 0 -> 18521 bytes packages/web/package.json | 2 + .../Dropdown/StyledListboxButton.tsx | 5 +- .../Panes/Account/Authentication.tsx | 2 +- .../Preferences/Panes/Account/SignOutView.tsx | 3 +- .../Panes/Security/EncryptionEnabled.tsx | 5 +- .../Preferences/PreferencesCanvas.tsx | 2 +- .../PreferencesComponents/Content.tsx | 5 +- .../PreferencesComponents/PreferencesPane.tsx | 6 +- .../Components/Preferences/PreferencesMenu.ts | 2 +- .../Preferences/PreferencesMenuView.tsx | 61 +++++++++++++----- .../Preferences/PreferencesView.tsx | 10 ++- .../javascripts/Components/TitleBar/Title.tsx | 11 ---- .../Components/TitleBar/TitleBar.tsx | 13 ---- packages/web/web.webpack.config.js | 2 + packages/web/web.webpack.dev.js | 20 +++--- yarn.lock | 11 +++- 17 files changed, 89 insertions(+), 71 deletions(-) create mode 100644 .yarn/cache/react-refresh-npm-0.14.0-78ef5eeb73-dc69fa8c99.zip delete mode 100644 packages/web/src/javascripts/Components/TitleBar/Title.tsx delete mode 100644 packages/web/src/javascripts/Components/TitleBar/TitleBar.tsx diff --git a/.yarn/cache/react-refresh-npm-0.14.0-78ef5eeb73-dc69fa8c99.zip b/.yarn/cache/react-refresh-npm-0.14.0-78ef5eeb73-dc69fa8c99.zip new file mode 100644 index 0000000000000000000000000000000000000000..dc79dbded96a63ec2d4c28f8474b77780a969817 GIT binary patch literal 18521 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 literal 0 HcmV?d00001 diff --git a/packages/web/package.json b/packages/web/package.json index 0cf60ac66..7a868371f 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -25,6 +25,7 @@ "@babel/plugin-transform-react-jsx": "^7.17.3", "@babel/preset-env": "*", "@babel/preset-typescript": "^7.16.7", + "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7", "@types/jest": "^27.5.1", "@types/react": "^17.0.42", "@types/react-dom": "^18.0.5", @@ -50,6 +51,7 @@ "postcss-loader": "^7.0.0", "prettier": "*", "prettier-plugin-tailwindcss": "^0.1.11", + "react-refresh": "^0.14.0", "sass-loader": "*", "svg-jest": "^1.0.1", "tailwindcss": "^3.1.4", diff --git a/packages/web/src/javascripts/Components/Dropdown/StyledListboxButton.tsx b/packages/web/src/javascripts/Components/Dropdown/StyledListboxButton.tsx index b11f31190..6f2734741 100644 --- a/packages/web/src/javascripts/Components/Dropdown/StyledListboxButton.tsx +++ b/packages/web/src/javascripts/Components/Dropdown/StyledListboxButton.tsx @@ -1,7 +1,9 @@ import { ListboxButton } from '@reach/listbox' import styled from 'styled-components' -const StyledListboxButton = styled(ListboxButton)` +const StyledListboxButton = styled(ListboxButton).attrs(() => ({ + className: 'w-full md:w-fit', +}))` &[data-reach-listbox-button] { background-color: var(--sn-stylekit-background-color); border-radius: 0.25rem; @@ -14,7 +16,6 @@ const StyledListboxButton = styled(ListboxButton)` padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.375rem; - width: fit-content; } ` diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx index 7c7bf2063..f4dd3788c 100644 --- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx +++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx @@ -30,7 +30,7 @@ const Authentication: FunctionComponent = ({ viewControllerManager }) => return ( -

+
You're not signed in diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx index 3814f53ad..f2eeaa904 100644 --- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx +++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx @@ -23,9 +23,8 @@ const SignOutView: FunctionComponent = observer(({ application, viewContr Sign out Other devices Want to sign out on all devices except this one? -
+