From b2a7f2d53885a45c593d64d9e7a3f330c8a74347 Mon Sep 17 00:00:00 2001 From: "plebeius.eth" Date: Sun, 24 Mar 2024 21:42:19 +0100 Subject: [PATCH] style(settings): update UI --- public/translations/ar/default.json | 3 +- public/translations/bn/default.json | 3 +- public/translations/cs/default.json | 3 +- public/translations/da/default.json | 3 +- public/translations/de/default.json | 3 +- public/translations/el/default.json | 3 +- public/translations/en/default.json | 3 +- public/translations/es/default.json | 3 +- public/translations/fa/default.json | 3 +- public/translations/fi/default.json | 3 +- public/translations/fil/default.json | 3 +- public/translations/fr/default.json | 3 +- public/translations/he/default.json | 3 +- public/translations/hi/default.json | 3 +- public/translations/hu/default.json | 3 +- public/translations/id/default.json | 3 +- public/translations/it/default.json | 3 +- public/translations/ja/default.json | 3 +- public/translations/ko/default.json | 3 +- public/translations/mr/default.json | 3 +- public/translations/nl/default.json | 3 +- public/translations/no/default.json | 3 +- public/translations/pl/default.json | 3 +- public/translations/pt/default.json | 3 +- public/translations/ro/default.json | 3 +- public/translations/ru/default.json | 3 +- public/translations/sq/default.json | 3 +- public/translations/sv/default.json | 3 +- public/translations/te/default.json | 3 +- public/translations/th/default.json | 3 +- public/translations/tr/default.json | 3 +- public/translations/uk/default.json | 3 +- public/translations/ur/default.json | 3 +- public/translations/vi/default.json | 3 +- public/translations/zh/default.json | 3 +- .../avatar-settings.module.css | 15 +- .../avatar-settings/avatar-settings.tsx | 160 +++++++++--------- .../wallet-settings/wallet-settings.tsx | 2 +- 38 files changed, 155 insertions(+), 127 deletions(-) diff --git a/public/translations/ar/default.json b/public/translations/ar/default.json index f283ea59..cb8d44a1 100644 --- a/public/translations/ar/default.json +++ b/public/translations/ar/default.json @@ -299,5 +299,6 @@ "wallet": "محفظة", "undelete": "إلغاء الحذف", "loading_comments": "تحميل التعليقات", - "you_blocked_community": "لقد حظرت هذه المجتمعة" + "you_blocked_community": "لقد حظرت هذه المجتمعة", + "show": "اظهر" } \ No newline at end of file diff --git a/public/translations/bn/default.json b/public/translations/bn/default.json index f12de0d4..8319722d 100644 --- a/public/translations/bn/default.json +++ b/public/translations/bn/default.json @@ -299,5 +299,6 @@ "wallet": "ওয়ালেট", "undelete": "মুছে ফেলা প্রত্যাহার", "loading_comments": "মন্তব্য লোড হচ্ছে", - "you_blocked_community": "আপনি এই সম্প্রদায়টি ব্লক করেছেন" + "you_blocked_community": "আপনি এই সম্প্রদায়টি ব্লক করেছেন", + "show": "দেখান" } \ No newline at end of file diff --git a/public/translations/cs/default.json b/public/translations/cs/default.json index aa8d032b..219bdebb 100644 --- a/public/translations/cs/default.json +++ b/public/translations/cs/default.json @@ -299,5 +299,6 @@ "wallet": "Peněženka", "undelete": "Obnovit smazání", "loading_comments": "Načítání komentářů", - "you_blocked_community": "Zablokovali jste tuto komunitu" + "you_blocked_community": "Zablokovali jste tuto komunitu", + "show": "ukázat" } \ No newline at end of file diff --git a/public/translations/da/default.json b/public/translations/da/default.json index 0c2406f8..19a4943c 100644 --- a/public/translations/da/default.json +++ b/public/translations/da/default.json @@ -299,5 +299,6 @@ "wallet": "Wallet", "undelete": "Gendan sletning", "loading_comments": "Indlæser kommentarer", - "you_blocked_community": "Du har blokeret dette fællesskab" + "you_blocked_community": "Du har blokeret dette fællesskab", + "show": "vise" } \ No newline at end of file diff --git a/public/translations/de/default.json b/public/translations/de/default.json index 223dacd3..8f2645f8 100644 --- a/public/translations/de/default.json +++ b/public/translations/de/default.json @@ -299,5 +299,6 @@ "wallet": "Wallet", "undelete": "Wiederherstellen", "loading_comments": "Lade Kommentare", - "you_blocked_community": "Du hast diese Gemeinschaft blockiert" + "you_blocked_community": "Du hast diese Gemeinschaft blockiert", + "show": "zeigen" } \ No newline at end of file diff --git a/public/translations/el/default.json b/public/translations/el/default.json index c6eee395..d2600da2 100644 --- a/public/translations/el/default.json +++ b/public/translations/el/default.json @@ -299,5 +299,6 @@ "wallet": "Πορτοφόλι", "undelete": "Ανάκτηση διαγραφής", "loading_comments": "Φόρτωση σχολίων", - "you_blocked_community": "Έχετε αποκλείσει αυτή την κοινότητα" + "you_blocked_community": "Έχετε αποκλείσει αυτή την κοινότητα", + "show": "εμφάνιση" } \ No newline at end of file diff --git a/public/translations/en/default.json b/public/translations/en/default.json index 4520a27f..447346c1 100644 --- a/public/translations/en/default.json +++ b/public/translations/en/default.json @@ -299,5 +299,6 @@ "wallet": "Wallet", "undelete": "Undelete", "loading_comments": "Loading comments", - "you_blocked_community": "You blocked this community" + "you_blocked_community": "You blocked this community", + "show": "show" } \ No newline at end of file diff --git a/public/translations/es/default.json b/public/translations/es/default.json index 4d9999fb..0cc32f3f 100644 --- a/public/translations/es/default.json +++ b/public/translations/es/default.json @@ -299,5 +299,6 @@ "wallet": "Cartera", "undelete": "Recuperar", "loading_comments": "Cargando comentarios", - "you_blocked_community": "Has bloqueado esta comunidad" + "you_blocked_community": "Has bloqueado esta comunidad", + "show": "mostrar" } \ No newline at end of file diff --git a/public/translations/fa/default.json b/public/translations/fa/default.json index 5748fefa..9fea160b 100644 --- a/public/translations/fa/default.json +++ b/public/translations/fa/default.json @@ -299,5 +299,6 @@ "wallet": "کیف پول", "undelete": "بازیابی", "loading_comments": "بارگذاری نظرات", - "you_blocked_community": "شما این انجمن را مسدود کرده‌اید" + "you_blocked_community": "شما این انجمن را مسدود کرده‌اید", + "show": "نمایش" } \ No newline at end of file diff --git a/public/translations/fi/default.json b/public/translations/fi/default.json index cfb239c4..07b5d713 100644 --- a/public/translations/fi/default.json +++ b/public/translations/fi/default.json @@ -299,5 +299,6 @@ "wallet": "Lompakko", "undelete": "Palauta", "loading_comments": "Ladataan kommentteja", - "you_blocked_community": "Olet estänyt tämän yhteisön" + "you_blocked_community": "Olet estänyt tämän yhteisön", + "show": "näyttää" } \ No newline at end of file diff --git a/public/translations/fil/default.json b/public/translations/fil/default.json index 04c50015..505ccb71 100644 --- a/public/translations/fil/default.json +++ b/public/translations/fil/default.json @@ -299,5 +299,6 @@ "wallet": "Wallet", "undelete": "I-undelete", "loading_comments": "Naglo-load ng mga komento", - "you_blocked_community": "I-block mo ang komunidad na ito" + "you_blocked_community": "I-block mo ang komunidad na ito", + "show": "ipakita" } \ No newline at end of file diff --git a/public/translations/fr/default.json b/public/translations/fr/default.json index de7326fb..e7a9226b 100644 --- a/public/translations/fr/default.json +++ b/public/translations/fr/default.json @@ -299,5 +299,6 @@ "wallet": "Portefeuille", "undelete": "Récupérer", "loading_comments": "Chargement des commentaires", - "you_blocked_community": "Vous avez bloqué cette communauté" + "you_blocked_community": "Vous avez bloqué cette communauté", + "show": "montrer" } \ No newline at end of file diff --git a/public/translations/he/default.json b/public/translations/he/default.json index e282642a..70f56825 100644 --- a/public/translations/he/default.json +++ b/public/translations/he/default.json @@ -299,5 +299,6 @@ "wallet": "ארנק", "undelete": "שחזור מחיקה", "loading_comments": "טוען תגובות", - "you_blocked_community": "חסמת את הקהילה הזו" + "you_blocked_community": "חסמת את הקהילה הזו", + "show": "תצוגה" } \ No newline at end of file diff --git a/public/translations/hi/default.json b/public/translations/hi/default.json index f191f449..d086ca9c 100644 --- a/public/translations/hi/default.json +++ b/public/translations/hi/default.json @@ -299,5 +299,6 @@ "wallet": "वॉलेट", "undelete": "डिलीट को वापस लाओ", "loading_comments": "टिप्पणियाँ लोड हो रही हैं", - "you_blocked_community": "आपने इस समुदाय को ब्लॉक कर दिया है" + "you_blocked_community": "आपने इस समुदाय को ब्लॉक कर दिया है", + "show": "दिखाएँ" } \ No newline at end of file diff --git a/public/translations/hu/default.json b/public/translations/hu/default.json index a8d25fad..7b7a9102 100644 --- a/public/translations/hu/default.json +++ b/public/translations/hu/default.json @@ -299,5 +299,6 @@ "wallet": "Pénztárca", "undelete": "Visszaállítás", "loading_comments": "Megjegyzések betöltése", - "you_blocked_community": "Blokkoltad ezt a közösséget" + "you_blocked_community": "Blokkoltad ezt a közösséget", + "show": "mutat" } \ No newline at end of file diff --git a/public/translations/id/default.json b/public/translations/id/default.json index 91d58929..98513015 100644 --- a/public/translations/id/default.json +++ b/public/translations/id/default.json @@ -299,5 +299,6 @@ "wallet": "Dompet", "undelete": "Batalkan penghapusan", "loading_comments": "Memuat komentar", - "you_blocked_community": "Anda telah memblokir komunitas ini" + "you_blocked_community": "Anda telah memblokir komunitas ini", + "show": "menunjukkan" } \ No newline at end of file diff --git a/public/translations/it/default.json b/public/translations/it/default.json index aa4da45f..a7e215b5 100644 --- a/public/translations/it/default.json +++ b/public/translations/it/default.json @@ -299,5 +299,6 @@ "wallet": "Wallet", "undelete": "Annulla eliminazione", "loading_comments": "Caricamento commenti", - "you_blocked_community": "Hai bloccato questa comunità" + "you_blocked_community": "Hai bloccato questa comunità", + "show": "mostra" } \ No newline at end of file diff --git a/public/translations/ja/default.json b/public/translations/ja/default.json index 1dff8520..5de0216b 100644 --- a/public/translations/ja/default.json +++ b/public/translations/ja/default.json @@ -299,5 +299,6 @@ "wallet": "ウォレット", "undelete": "削除を取り消す", "loading_comments": "コメントを読み込み中", - "you_blocked_community": "このコミュニティをブロックしました" + "you_blocked_community": "このコミュニティをブロックしました", + "show": "表示" } \ No newline at end of file diff --git a/public/translations/ko/default.json b/public/translations/ko/default.json index 30686631..c22f3ac2 100644 --- a/public/translations/ko/default.json +++ b/public/translations/ko/default.json @@ -299,5 +299,6 @@ "wallet": "지갑", "undelete": "삭제 취소", "loading_comments": "댓글 로드 중", - "you_blocked_community": "이 커뮤니티를 차단했습니다" + "you_blocked_community": "이 커뮤니티를 차단했습니다", + "show": "보여주다" } \ No newline at end of file diff --git a/public/translations/mr/default.json b/public/translations/mr/default.json index 78a4a753..6d00702f 100644 --- a/public/translations/mr/default.json +++ b/public/translations/mr/default.json @@ -299,5 +299,6 @@ "wallet": "बटवा", "undelete": "डिलीट करा", "loading_comments": "टिप्पणी लोड होत आहे", - "you_blocked_community": "तुम्ही ह्या समुदायाला ब्लॉक केलं आहे" + "you_blocked_community": "तुम्ही ह्या समुदायाला ब्लॉक केलं आहे", + "show": "दाखवा" } \ No newline at end of file diff --git a/public/translations/nl/default.json b/public/translations/nl/default.json index 8a481670..778a6786 100644 --- a/public/translations/nl/default.json +++ b/public/translations/nl/default.json @@ -299,5 +299,6 @@ "wallet": "Wallet", "undelete": "Herstellen", "loading_comments": "Reacties laden", - "you_blocked_community": "U hebt deze gemeenschap geblokkeerd" + "you_blocked_community": "U hebt deze gemeenschap geblokkeerd", + "show": "tonen" } \ No newline at end of file diff --git a/public/translations/no/default.json b/public/translations/no/default.json index e6881e75..13406736 100644 --- a/public/translations/no/default.json +++ b/public/translations/no/default.json @@ -299,5 +299,6 @@ "wallet": "Lommebok", "undelete": "Gjenopprette", "loading_comments": "Laster inn kommentarer", - "you_blocked_community": "Du har blokkert dette fellesskapet" + "you_blocked_community": "Du har blokkert dette fellesskapet", + "show": "vise" } \ No newline at end of file diff --git a/public/translations/pl/default.json b/public/translations/pl/default.json index 2389bd2e..624ab992 100644 --- a/public/translations/pl/default.json +++ b/public/translations/pl/default.json @@ -299,5 +299,6 @@ "wallet": "Portfel", "undelete": "Przywróć", "loading_comments": "Ładowanie komentarzy", - "you_blocked_community": "Zablokowałeś tę społeczność" + "you_blocked_community": "Zablokowałeś tę społeczność", + "show": "pokazać" } \ No newline at end of file diff --git a/public/translations/pt/default.json b/public/translations/pt/default.json index 73c50407..21cfa3a6 100644 --- a/public/translations/pt/default.json +++ b/public/translations/pt/default.json @@ -299,5 +299,6 @@ "wallet": "Carteira", "undelete": "Recuperar", "loading_comments": "Carregando comentários", - "you_blocked_community": "Você bloqueou esta comunidade" + "you_blocked_community": "Você bloqueou esta comunidade", + "show": "mostrar" } \ No newline at end of file diff --git a/public/translations/ro/default.json b/public/translations/ro/default.json index 8687e75f..ebf4c5f2 100644 --- a/public/translations/ro/default.json +++ b/public/translations/ro/default.json @@ -299,5 +299,6 @@ "wallet": "Portofel", "undelete": "Recuperare", "loading_comments": "Se încarcă comentariile", - "you_blocked_community": "Ați blocat această comunitate" + "you_blocked_community": "Ați blocat această comunitate", + "show": "arată" } \ No newline at end of file diff --git a/public/translations/ru/default.json b/public/translations/ru/default.json index 02ceb2f1..70f65bb4 100644 --- a/public/translations/ru/default.json +++ b/public/translations/ru/default.json @@ -299,5 +299,6 @@ "wallet": "Кошелек", "undelete": "Восстановить", "loading_comments": "Загрузка комментариев", - "you_blocked_community": "Вы заблокировали это сообщество" + "you_blocked_community": "Вы заблокировали это сообщество", + "show": "показать" } \ No newline at end of file diff --git a/public/translations/sq/default.json b/public/translations/sq/default.json index 2962de05..2eae99b3 100644 --- a/public/translations/sq/default.json +++ b/public/translations/sq/default.json @@ -299,5 +299,6 @@ "wallet": "Wallet", "undelete": "Rikuperimi", "loading_comments": "Duke u ngarkuar komentet", - "you_blocked_community": "Ju keni bllokuar këtë komunitet" + "you_blocked_community": "Ju keni bllokuar këtë komunitet", + "show": "shfaq" } \ No newline at end of file diff --git a/public/translations/sv/default.json b/public/translations/sv/default.json index 09081b39..9ac2558f 100644 --- a/public/translations/sv/default.json +++ b/public/translations/sv/default.json @@ -299,5 +299,6 @@ "wallet": "Plånbok", "undelete": "Ångra radering", "loading_comments": "Laddar kommentarer", - "you_blocked_community": "Du har blockerat den här gemenskapen" + "you_blocked_community": "Du har blockerat den här gemenskapen", + "show": "visa" } \ No newline at end of file diff --git a/public/translations/te/default.json b/public/translations/te/default.json index 3ecd5171..e9f9f5fe 100644 --- a/public/translations/te/default.json +++ b/public/translations/te/default.json @@ -299,5 +299,6 @@ "wallet": "వాలెట్", "undelete": "తొలగించడం రద్దు చేయండి", "loading_comments": "వ్యాఖ్యలను లోడ్ అవుతోంది", - "you_blocked_community": "ఈ సముదాయాన్ని మీరు నిరోధించారు" + "you_blocked_community": "ఈ సముదాయాన్ని మీరు నిరోధించారు", + "show": "చూపించు" } \ No newline at end of file diff --git a/public/translations/th/default.json b/public/translations/th/default.json index a94d9ade..6f14d0ab 100644 --- a/public/translations/th/default.json +++ b/public/translations/th/default.json @@ -299,5 +299,6 @@ "wallet": "กระเป๋าเงิน", "undelete": "ยกเลิกการลบ", "loading_comments": "กำลังโหลดความคิดเห็น", - "you_blocked_community": "คุณบล็อกชุมชนนี้แล้ว" + "you_blocked_community": "คุณบล็อกชุมชนนี้แล้ว", + "show": "แสดง" } \ No newline at end of file diff --git a/public/translations/tr/default.json b/public/translations/tr/default.json index 2b9151de..74fb8252 100644 --- a/public/translations/tr/default.json +++ b/public/translations/tr/default.json @@ -299,5 +299,6 @@ "wallet": "Cüzdan", "undelete": "Silme işlemini geri al", "loading_comments": "Yorumlar yükleniyor", - "you_blocked_community": "Bu topluluğu engellediniz" + "you_blocked_community": "Bu topluluğu engellediniz", + "show": "göstermek" } \ No newline at end of file diff --git a/public/translations/uk/default.json b/public/translations/uk/default.json index 59bc3f3e..1ab04f44 100644 --- a/public/translations/uk/default.json +++ b/public/translations/uk/default.json @@ -299,5 +299,6 @@ "wallet": "Гаманець", "undelete": "Скасувати видалення", "loading_comments": "Завантаження коментарів", - "you_blocked_community": "Ви заблокували цю спільноту" + "you_blocked_community": "Ви заблокували цю спільноту", + "show": "показати" } \ No newline at end of file diff --git a/public/translations/ur/default.json b/public/translations/ur/default.json index 6b50ba61..70aad673 100644 --- a/public/translations/ur/default.json +++ b/public/translations/ur/default.json @@ -299,5 +299,6 @@ "wallet": "والیٹ", "undelete": "حذف کو واپس لائیں", "loading_comments": "تبصرے لوڈ ہو رہے ہیں", - "you_blocked_community": "آپ نے یہ سماج بلاک کر دی ہے" + "you_blocked_community": "آپ نے یہ سماج بلاک کر دی ہے", + "show": "دکھائیں" } \ No newline at end of file diff --git a/public/translations/vi/default.json b/public/translations/vi/default.json index e716da08..97c1ec01 100644 --- a/public/translations/vi/default.json +++ b/public/translations/vi/default.json @@ -299,5 +299,6 @@ "wallet": "Ví", "undelete": "Khôi phục", "loading_comments": "Đang tải bình luận", - "you_blocked_community": "Bạn đã chặn cộng đồng này" + "you_blocked_community": "Bạn đã chặn cộng đồng này", + "show": "hiển thị" } \ No newline at end of file diff --git a/public/translations/zh/default.json b/public/translations/zh/default.json index 4c8ef59d..f38d1368 100644 --- a/public/translations/zh/default.json +++ b/public/translations/zh/default.json @@ -299,5 +299,6 @@ "wallet": "钱包", "undelete": "取消删除", "loading_comments": "正在加载评论", - "you_blocked_community": "您已封锁了此社区" + "you_blocked_community": "您已封锁了此社区", + "show": "显示" } \ No newline at end of file diff --git a/src/views/settings/avatar-settings/avatar-settings.module.css b/src/views/settings/avatar-settings/avatar-settings.module.css index 83e5273b..10cc91f0 100644 --- a/src/views/settings/avatar-settings/avatar-settings.module.css +++ b/src/views/settings/avatar-settings/avatar-settings.module.css @@ -5,20 +5,15 @@ cursor: pointer; } +.avatarPreview { + display: inline-block; +} + .avatar img { width: 70px; height: 70px; } -.settingsBox { - margin-top: 5px; - border: 1px solid var(--border-contrast); - border-radius: 7px; - padding: 7px; - position: relative; - display: inline-block; -} - .avatarSettingsForm { padding-top: 10px; } @@ -60,7 +55,7 @@ } .state { - padding: 10px 0; + padding-top: 10px; max-width: 300px; } diff --git a/src/views/settings/avatar-settings/avatar-settings.tsx b/src/views/settings/avatar-settings/avatar-settings.tsx index df9415cb..58a2df1b 100644 --- a/src/views/settings/avatar-settings/avatar-settings.tsx +++ b/src/views/settings/avatar-settings/avatar-settings.tsx @@ -6,9 +6,10 @@ import { Trans, useTranslation } from 'react-i18next'; interface AvatarSettingsProps { avatar?: any; + showSettings?: () => void; } -const AvatarPreview = ({ avatar }: AvatarSettingsProps) => { +const AvatarPreview = ({ avatar, showSettings }: AvatarSettingsProps) => { const account = useAccount(); let author = useMemo(() => ({ ...account?.author, avatar }), [account, avatar]); @@ -28,7 +29,9 @@ const AvatarPreview = ({ avatar }: AvatarSettingsProps) => { return ( <> -
{imageUrl && state !== 'initializing' && }
+
+ {imageUrl && state !== 'initializing' && } +
{state !== 'succeeded' && account?.author?.avatar && (
{stateText} {error?.message} @@ -117,90 +120,85 @@ const AvatarSettings = () => { return (
- -
- - {showSettings && ( -
-
- {t('chain_ticker')} - setChainTicker(e.target.value)} - /> -
-
- - - ), - }} - /> - - setTokenAddress(e.target.value)} - /> -
-
- {t('token_id')} - setTokenId(e.target.value)} - /> -
-
+ setShowSettings(!showSettings)} /> + {showSettings && ( +
+
+ {t('chain_ticker')} + setChainTicker(e.target.value)} + /> +
+
+ , - // eslint-disable-next-line - 2: , + 1: ( + + ), }} /> -
-
- {t('paste_signature')} - setSignature(e.target.value)} - /> - -
+ + setTokenAddress(e.target.value)} + />
- )} -
+
+ {t('token_id')} + setTokenId(e.target.value)} + /> +
+ +
+ {t('paste_signature')} + setSignature(e.target.value)} + /> + +
+
+ )}
); }; diff --git a/src/views/settings/wallet-settings/wallet-settings.tsx b/src/views/settings/wallet-settings/wallet-settings.tsx index 7b2b38de..8bad11e5 100644 --- a/src/views/settings/wallet-settings/wallet-settings.tsx +++ b/src/views/settings/wallet-settings/wallet-settings.tsx @@ -81,7 +81,7 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => {