From c8f264b78b1dfb95f68bfb820bd012828cd5fddc Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Tue, 29 Oct 2024 21:14:54 +0000 Subject: Settings revamp (#5745) * start building storybook * add title * add some styles * try out new icons * more settings list component parts * make text do the spacing * clean up storybook * gated new settings screen * switch account * add current profile * use Layout.Screen * Layout.Header and Layout.Content * translate helpdesk text thanks @surfdude29! Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * add account settings * undo changes to export car dialog * privacy and security screen * Translate protect account stuff Thanks @surfdude29! Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * content and media settings * about settings * 2fa copy Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * a11y and appearance * use new components for appearance settings * redesign accessibility settings * Update ContentAndMediaSettings.tsx Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * add divider * remove a11y and appearance middleman screen * fix web settingslist styles * new SettingsList.Group component * explain how portal magic works * hide pwioptout in old location * Update Settings.tsx Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * replace gate with `IS_INTERNAL` * add IS_INTERNAL to app-info.web * fix profile area growing * add close button to switch account --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> --- assets/icons/bubbles_stroke2_corner2_rounded.svg | 1 + assets/icons/car_stroke2_corner2_rounded.svg | 1 + assets/icons/circleQuestion_stroke2_corner2_rounded.svg | 2 +- assets/icons/codeBrackets_stroke2_corner2_rounded.svg | 1 + assets/icons/codeLines_stroke2_corner2_rounded.svg | 1 + assets/icons/earth_stroke2_corner2_rounded.svg | 1 + assets/icons/freeze_stroke2_corner2_rounded.svg | 1 + assets/icons/haptic_stroke2_corner2_rounded.svg | 1 + assets/icons/home_stroke2_corner2_rounded.svg | 1 + assets/icons/key_stroke2_corner2_rounded.svg | 1 + assets/icons/macintosh_stroke2_corner2_rounded.svg | 1 + assets/icons/newspaper_stroke2_corner2_rounded.svg | 1 + assets/icons/pencilLine_stroke2_corner2_rounded.svg | 1 + assets/icons/personGroup_stroke2_corner2_rounded.svg | 1 + assets/icons/raisingHand4finger_stroke2_corner2_rounded.svg | 1 + assets/icons/wrench_stroke2_corner2_rounded.svg | 1 + 16 files changed, 16 insertions(+), 1 deletion(-) create mode 100644 assets/icons/bubbles_stroke2_corner2_rounded.svg create mode 100644 assets/icons/car_stroke2_corner2_rounded.svg create mode 100644 assets/icons/codeBrackets_stroke2_corner2_rounded.svg create mode 100644 assets/icons/codeLines_stroke2_corner2_rounded.svg create mode 100644 assets/icons/earth_stroke2_corner2_rounded.svg create mode 100644 assets/icons/freeze_stroke2_corner2_rounded.svg create mode 100644 assets/icons/haptic_stroke2_corner2_rounded.svg create mode 100644 assets/icons/home_stroke2_corner2_rounded.svg create mode 100644 assets/icons/key_stroke2_corner2_rounded.svg create mode 100644 assets/icons/macintosh_stroke2_corner2_rounded.svg create mode 100644 assets/icons/newspaper_stroke2_corner2_rounded.svg create mode 100644 assets/icons/pencilLine_stroke2_corner2_rounded.svg create mode 100644 assets/icons/personGroup_stroke2_corner2_rounded.svg create mode 100644 assets/icons/raisingHand4finger_stroke2_corner2_rounded.svg create mode 100644 assets/icons/wrench_stroke2_corner2_rounded.svg (limited to 'assets/icons') diff --git a/assets/icons/bubbles_stroke2_corner2_rounded.svg b/assets/icons/bubbles_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..f09fcaa33 --- /dev/null +++ b/assets/icons/bubbles_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/car_stroke2_corner2_rounded.svg b/assets/icons/car_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..ca29cefd1 --- /dev/null +++ b/assets/icons/car_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/circleQuestion_stroke2_corner2_rounded.svg b/assets/icons/circleQuestion_stroke2_corner2_rounded.svg index a534f9871..c025a1450 100644 --- a/assets/icons/circleQuestion_stroke2_corner2_rounded.svg +++ b/assets/icons/circleQuestion_stroke2_corner2_rounded.svg @@ -1 +1 @@ - + diff --git a/assets/icons/codeBrackets_stroke2_corner2_rounded.svg b/assets/icons/codeBrackets_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..d40e7b003 --- /dev/null +++ b/assets/icons/codeBrackets_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/codeLines_stroke2_corner2_rounded.svg b/assets/icons/codeLines_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..65a7b1e85 --- /dev/null +++ b/assets/icons/codeLines_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/earth_stroke2_corner2_rounded.svg b/assets/icons/earth_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..b8922629a --- /dev/null +++ b/assets/icons/earth_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/freeze_stroke2_corner2_rounded.svg b/assets/icons/freeze_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..109145478 --- /dev/null +++ b/assets/icons/freeze_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/haptic_stroke2_corner2_rounded.svg b/assets/icons/haptic_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..7a93daf66 --- /dev/null +++ b/assets/icons/haptic_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/home_stroke2_corner2_rounded.svg b/assets/icons/home_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..5665b24b8 --- /dev/null +++ b/assets/icons/home_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/key_stroke2_corner2_rounded.svg b/assets/icons/key_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..2beb2b4ae --- /dev/null +++ b/assets/icons/key_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/macintosh_stroke2_corner2_rounded.svg b/assets/icons/macintosh_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..543531972 --- /dev/null +++ b/assets/icons/macintosh_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/newspaper_stroke2_corner2_rounded.svg b/assets/icons/newspaper_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..3eb823cf2 --- /dev/null +++ b/assets/icons/newspaper_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/pencilLine_stroke2_corner2_rounded.svg b/assets/icons/pencilLine_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..92f1fed1c --- /dev/null +++ b/assets/icons/pencilLine_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/personGroup_stroke2_corner2_rounded.svg b/assets/icons/personGroup_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..fad8a8e7f --- /dev/null +++ b/assets/icons/personGroup_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/raisingHand4finger_stroke2_corner2_rounded.svg b/assets/icons/raisingHand4finger_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..f6beb5647 --- /dev/null +++ b/assets/icons/raisingHand4finger_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/wrench_stroke2_corner2_rounded.svg b/assets/icons/wrench_stroke2_corner2_rounded.svg new file mode 100644 index 000000000..601614c88 --- /dev/null +++ b/assets/icons/wrench_stroke2_corner2_rounded.svg @@ -0,0 +1 @@ + -- cgit 1.4.1