style(avatar settings): add info about anon mode if it's enabled

public/translations/ar/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "إعادة تعيين التغييرات",
   "crypto_address_yours": "عنوان العملة الرقمية ينتمي إلى هذا الحساب.",
   "delete_wallet": "حذف المحفظة",
-  "loading_subplebbit": "جارٍ تحميل subplebbit"
+  "loading_subplebbit": "جارٍ تحميل subplebbit",
+  "avatar_warning": "لا يمكنك النشر بصورة رمزية أثناء تفعيل وضع المجهول. يمكنك إيقافه في إعدادات حساب Plebbit الخاص بك."
 }

public/translations/bn/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "পরিবর্তনগুলি রিসেট করুন",
   "crypto_address_yours": "ক্রিপ্টো ঠিকানা এই অ্যাকাউন্টের অংশ।",
   "delete_wallet": "ওয়ালেট মুছুন",
-  "loading_subplebbit": "সাবপ্লেবিট লোড হচ্ছে"
+  "loading_subplebbit": "সাবপ্লেবিট লোড হচ্ছে",
+  "avatar_warning": "অ্যানন মোড চালু থাকা অবস্থায় আপনি অ্যানিমেশন সহ পোস্ট করতে পারেন না। আপনি এটি আপনার Plebbit অ্যাকাউন্টের সেটিংসে বন্ধ করতে পারেন।"
 }

public/translations/cs/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Obnovit změny",
   "crypto_address_yours": "Adresa kryptoměny patří k tomuto účtu.",
   "delete_wallet": "Smazat peněženku",
-  "loading_subplebbit": "Načítání subplebbit"
+  "loading_subplebbit": "Načítání subplebbit",
+  "avatar_warning": "Nemůžete zveřejňovat s avatarem, když je zapnutý anonymní režim. Můžete ho vypnout v nastavení svého účtu Plebbit."
 }

public/translations/da/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Nulstil ændringer",
   "crypto_address_yours": "Crypto-adresse tilhører denne konto.",
   "delete_wallet": "Slet tegnebog",
-  "loading_subplebbit": "Indlæser subplebbit"
+  "loading_subplebbit": "Indlæser subplebbit",
+  "avatar_warning": "Du kan ikke poste med et avatar, mens anonym tilstand er tændt. Du kan slukke det i dine Plebbit-kontoindstillinger."
 }

public/translations/de/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Änderungen zurücksetzen",
   "crypto_address_yours": "Krypto-Adresse gehört zu diesem Konto.",
   "delete_wallet": "Wallet löschen",
-  "loading_subplebbit": "Lade subplebbit"
+  "loading_subplebbit": "Lade subplebbit",
+  "avatar_warning": "Sie können nicht mit einem Avatar posten, während der Anonymmodus aktiviert ist. Sie können ihn in den Einstellungen Ihres Plebbit-Kontos deaktivieren."
 }

public/translations/el/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Επαναφορά αλλαγών",
   "crypto_address_yours": "Η διεύθυνση κρυπτονομίσματος ανήκει σε αυτόν τον λογαριασμό.",
   "delete_wallet": "Διαγραφή πορτοφολιού",
-  "loading_subplebbit": "Φόρτωση subplebbit"
+  "loading_subplebbit": "Φόρτωση subplebbit",
+  "avatar_warning": "Δεν μπορείτε να δημοσιεύσετε με avatar ενώ είναι ενεργοποιημένη η ανώνυμη λειτουργία. Μπορείτε να το απενεργοποιήσετε στις ρυθμίσεις του λογαριασμού σας Plebbit."
 }

public/translations/en/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Reset Changes",
   "crypto_address_yours": "Crypto address belongs to this account.",
   "delete_wallet": "Delete Wallet",
-  "loading_subplebbit": "Loading subplebbit"
+  "loading_subplebbit": "Loading subplebbit",
+  "avatar_warning": "You can't post with an avatar while anon mode is turned on. You can turn it off in your Plebbit Account settings."
 }

public/translations/es/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Restablecer cambios",
   "crypto_address_yours": "La dirección de criptomoneda pertenece a esta cuenta.",
   "delete_wallet": "Eliminar billetera",
-  "loading_subplebbit": "Cargando subplebbit"
+  "loading_subplebbit": "Cargando subplebbit",
+  "avatar_warning": "No puedes publicar con un avatar mientras el modo anónimo esté activado. Puedes desactivarlo en la configuración de tu cuenta Plebbit."
 }

public/translations/fa/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "بازنشانی تغییرات",
   "crypto_address_yours": "آدرس رمزارز به این حساب تعلق دارد.",
   "delete_wallet": "حذف کیف پول",
-  "loading_subplebbit": "در حال بارگذاری subplebbit"
+  "loading_subplebbit": "در حال بارگذاری subplebbit",
+  "avatar_warning": "شما نمی‌توانید با آواتار پست بگذارید در حالی که حالت ناشناس فعال است. می‌توانید آن را در تنظیمات حساب Plebbit خود خاموش کنید."
 }

public/translations/fi/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Nollaa muutokset",
   "crypto_address_yours": "Krypto-osoite kuuluu tähän tiliin.",
   "delete_wallet": "Poista lompakko",
-  "loading_subplebbit": "Ladataan subplebbit"
+  "loading_subplebbit": "Ladataan subplebbit",
+  "avatar_warning": "Et voi julkaista avatarilla, kun anonyymi tila on päällä. Voit poistaa sen käytöstä Plebbit-tilisi asetuksissa."
 }

public/translations/fil/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "I-reset ang mga pagbabago",
   "crypto_address_yours": "Ang crypto address ay nauugnay sa account na ito.",
   "delete_wallet": "Tanggalin ang Wallet",
-  "loading_subplebbit": "Naglo-load ng subplebbit"
+  "loading_subplebbit": "Naglo-load ng subplebbit",
+  "avatar_warning": "Hindi ka makakapag-post gamit ang avatar habang naka-on ang anon mode. Maaari mo itong i-off sa iyong mga setting ng Plebbit Account."
 }

public/translations/fr/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Réinitialiser les modifications",
   "crypto_address_yours": "L'adresse crypto appartient à ce compte.",
   "delete_wallet": "Supprimer le portefeuille",
-  "loading_subplebbit": "Chargement de subplebbit"
+  "loading_subplebbit": "Chargement de subplebbit",
+  "avatar_warning": "Vous ne pouvez pas publier avec un avatar pendant que le mode anonyme est activé. Vous pouvez le désactiver dans les paramètres de votre compte Plebbit."
 }

public/translations/he/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "איפוס שינויים",
   "crypto_address_yours": "כתובת המטבע הקריפטוגרפי שייכת לחשבון זה.",
   "delete_wallet": "מחק ארנק",
-  "loading_subplebbit": "טוען subplebbit"
+  "loading_subplebbit": "טוען subplebbit",
+  "avatar_warning": "אין באפשרותך לפרסם עם תמונת פרופיל בזמן שמצב אנונימי מופעל. תוכל לבטל זאת בהגדרות חשבון Plebbit שלך."
 }

public/translations/hi/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "परिवर्तन रीसेट करें",
   "crypto_address_yours": "क्रिप्टो पता इस खाते से संबंधित है।",
   "delete_wallet": "वॉलेट हटाएं",
-  "loading_subplebbit": "सबप्लेबिट लोड हो रहा है"
+  "loading_subplebbit": "सबप्लेबिट लोड हो रहा है",
+  "avatar_warning": "जब अज्ञात मोड चालू होता है, तो आप अवतार के साथ पोस्ट नहीं कर सकते। आप इसे अपने Plebbit खाते की सेटिंग में बंद कर सकते हैं।"
 }

public/translations/hu/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Változások visszaállítása",
   "crypto_address_yours": "A kripto-cím ehhez a fiókhoz tartozik.",
   "delete_wallet": "Tárca törlése",
-  "loading_subplebbit": "Subplebbit betöltése"
+  "loading_subplebbit": "Subplebbit betöltése",
+  "avatar_warning": "Nem posztolhatsz avatarral, míg az anon mód be van kapcsolva. Kikapcsolhatod a Plebbit-fiókod beállításaiban."
 }

public/translations/id/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Atur Ulang Perubahan",
   "crypto_address_yours": "Alamat kripto milik akun ini.",
   "delete_wallet": "Hapus Dompet",
-  "loading_subplebbit": "Memuat subplebbit"
+  "loading_subplebbit": "Memuat subplebbit",
+  "avatar_warning": "Anda tidak bisa memposting dengan avatar saat mode anonim diaktifkan. Anda bisa mematikan ini di pengaturan Akun Plebbit Anda."
 }

public/translations/it/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Ripristina Modifiche",
   "crypto_address_yours": "L'indirizzo cripto appartiene a questo account.",
   "delete_wallet": "Elimina Wallet",
-  "loading_subplebbit": "Caricamento subplebbit"
+  "loading_subplebbit": "Caricamento subplebbit",
+  "avatar_warning": "Non puoi postare con un avatar mentre la modalità anonima è attiva. Puoi disattivarla nelle impostazioni del tuo account Plebbit."
 }

public/translations/ja/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "変更をリセット",
   "crypto_address_yours": "暗号通貨アドレスはこのアカウントに属しています。",
   "delete_wallet": "ウォレットを削除",
-  "loading_subplebbit": "subplebbitを読み込んでいます"
+  "loading_subplebbit": "subplebbitを読み込んでいます",
+  "avatar_warning": "アバターを使用して投稿することはできません。匿名モードがオンになっている間は、Plebbitアカウントの設定でオフにできます。"
 }

public/translations/ko/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "변경 사항 초기화",
   "crypto_address_yours": "암호 주소는이 계정에 속합니다.",
   "delete_wallet": "지갑 삭제",
-  "loading_subplebbit": "subplebbit 로딩 중"
+  "loading_subplebbit": "subplebbit 로딩 중",
+  "avatar_warning": "익명 모드가 켜져 있는 동안 아바타로 게시할 수 없습니다. Plebbit 계정 설정에서 끌 수 있습니다."
 }

public/translations/mr/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "बदलांना रीसेट करा",
   "crypto_address_yours": "क्रिप्टो पत्ता हा खात्याकडे संबंधित आहे.",
   "delete_wallet": "वॉलेट हटवा",
-  "loading_subplebbit": "subplebbit लोड करीत आहे"
+  "loading_subplebbit": "subplebbit लोड करीत आहे",
+  "avatar_warning": "आपण अज्ञात मोड चालू असताना अवतारसह पोस्ट करू शकत नाही. आपण ते आपल्या Plebbit खात्याच्या सेटिंग्जमध्ये बंद करू शकता."
 }

public/translations/nl/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Wijzigingen resetten",
   "crypto_address_yours": "Crypto-adres behoort tot deze account.",
   "delete_wallet": "Verwijder portemonnee",
-  "loading_subplebbit": "Subplebbit laden"
+  "loading_subplebbit": "Subplebbit laden",
+  "avatar_warning": "Je kunt niet met een avatar posten terwijl de anonieme modus aan staat. Je kunt het uitschakelen in de instellingen van je Plebbit-account."
 }

public/translations/no/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Tilbakestill endringer",
   "crypto_address_yours": "Crypto-adressen tilhører denne kontoen.",
   "delete_wallet": "Slett lommebok",
-  "loading_subplebbit": "Laster subplebbit"
+  "loading_subplebbit": "Laster subplebbit",
+  "avatar_warning": "Du kan ikke poste med en avatar mens anonym modus er aktivert. Du kan slå den av i innstillingene for Plebbit-kontoen din."
 }

public/translations/pl/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Zresetuj zmiany",
   "crypto_address_yours": "Adres kryptowaluty należy do tego konta.",
   "delete_wallet": "Usuń portfel",
-  "loading_subplebbit": "Ładowanie subplebbit"
+  "loading_subplebbit": "Ładowanie subplebbit",
+  "avatar_warning": "Nie możesz publikować z awatarem, gdy tryb anonimowy jest włączony. Możesz go wyłączyć w ustawieniach swojego konta Plebbit."
 }

public/translations/pt/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Redefinir Alterações",
   "crypto_address_yours": "O endereço de criptomoeda pertence a esta conta.",
   "delete_wallet": "Excluir carteira",
-  "loading_subplebbit": "Carregando subplebbit"
+  "loading_subplebbit": "Carregando subplebbit",
+  "avatar_warning": "Você não pode postar com um avatar enquanto o modo anônimo estiver ativado. Você pode desativá-lo nas configurações da sua Conta Plebbit."
 }

public/translations/ro/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Resetează modificările",
   "crypto_address_yours": "Adresa crypto aparține acestui cont.",
   "delete_wallet": "Șterge portofelul",
-  "loading_subplebbit": "Se încarcă subplebbit"
+  "loading_subplebbit": "Se încarcă subplebbit",
+  "avatar_warning": "Nu poți publica cu un avatar în timp ce modul anonim este activat. Poți să-l dezactivezi în setările contului tău Plebbit."
 }

public/translations/ru/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Сбросить изменения",
   "crypto_address_yours": "Адрес криптовалюты принадлежит этому аккаунту.",
   "delete_wallet": "Удалить кошелек",
-  "loading_subplebbit": "Загрузка subplebbit"
+  "loading_subplebbit": "Загрузка subplebbit",
+  "avatar_warning": "Вы не можете публиковать с аватаром, когда режим анонимности включен. Вы можете отключить его в настройках своей учетной записи Plebbit."
 }

public/translations/sq/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Rivendosni ndryshimet",
   "crypto_address_yours": "Adresa e kriptovalutës i përket këtij llogarie.",
   "delete_wallet": "Fshi portofolin",
-  "loading_subplebbit": "Po ngarkohet subplebbit"
+  "loading_subplebbit": "Po ngarkohet subplebbit",
+  "avatar_warning": "Nuk mund të postoni me një avatar ndërsa është aktivizuar moda anonime. Mund ta çaktivizoni në cilësimet e llogarisë tuaj Plebbit."
 }

public/translations/sv/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Återställ ändringar",
   "crypto_address_yours": "Crypto-adressen tillhör denna konto.",
   "delete_wallet": "Ta bort plånbok",
-  "loading_subplebbit": "Laddar subplebbit"
+  "loading_subplebbit": "Laddar subplebbit",
+  "avatar_warning": "Du kan inte posta med en avatar när anonym läge är aktiverat. Du kan stänga av det i inställningarna för ditt Plebbit-konto."
 }

public/translations/te/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "మార్పులను రీసెట్ చేయండి",
   "crypto_address_yours": "క్రిప్టో చిరునామా ఈ ఖాతాకు చేరుకుంది.",
   "delete_wallet": "వాలెట్ తొలగించండి",
-  "loading_subplebbit": "సబ్‌ప్లెబిట్‌లో లోడింగ్"
+  "loading_subplebbit": "సబ్‌ప్లెబిట్‌లో లోడింగ్",
+  "avatar_warning": "మీరు అను మోడ్ ఆన్ ఉండగా అవతార్‌తో పోస్ట్ చేయలేరు. మీరు మీ Plebbit ఖాతా సెట్టింగ్స్‌లో దీన్ని ఆఫ్ చేయవచ్చు."
 }

public/translations/th/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "รีเซ็ตการเปลี่ยนแปลง",
   "crypto_address_yours": "ที่อยู่คริปโตเป็นของบัญชีนี้",
   "delete_wallet": "ลบกระเป๋าเงิน",
-  "loading_subplebbit": "กำลังโหลด subplebbit"
+  "loading_subplebbit": "กำลังโหลด subplebbit",
+  "avatar_warning": "คุณไม่สามารถโพสต์ด้วยอวาตาร์ในขณะที่โหมดอนาโนเป็นเปิดอยู่ คุณสามารถปิดได้ในการตั้งค่าบัญชี Plebbit ของคุณ"
 }

public/translations/tr/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Değişiklikleri Sıfırla",
   "crypto_address_yours": "Kripto adres bu hesaba aittir.",
   "delete_wallet": "Cüzdanı Sil",
-  "loading_subplebbit": "Subplebbit Yükleniyor"
+  "loading_subplebbit": "Subplebbit Yükleniyor",
+  "avatar_warning": "Anonim mod açıken avatar ile paylaşım yapamazsınız. Bunu Plebbit Hesap ayarlarınızdan kapatabilirsiniz."
 }

public/translations/uk/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Скинути зміни",
   "crypto_address_yours": "Адреса криптовалюти належить цьому обліковому запису.",
   "delete_wallet": "Видалити гаманець",
-  "loading_subplebbit": "Завантаження subplebbit"
+  "loading_subplebbit": "Завантаження subplebbit",
+  "avatar_warning": "Ви не можете публікувати з аватаром, коли увімкнено анонімний режим. Ви можете вимкнути його в налаштуваннях свого облікового запису Plebbit."
 }

public/translations/ur/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "تبدیلیاں ری سیٹ کریں",
   "crypto_address_yours": "کرپٹو پتا اس اکاؤنٹ کا حصہ ہے۔",
   "delete_wallet": "والٹ حذف کریں",
-  "loading_subplebbit": "سب پلبیٹ لوڈ ہو رہا ہے"
+  "loading_subplebbit": "سب پلبیٹ لوڈ ہو رہا ہے",
+  "avatar_warning": "آپ اَنون موڈ آن ہونے پر اوتار کے ساتھ پوسٹ نہیں کر سکتے۔ آپ اسے اپنے Plebbit اکاؤنٹ کی ترتیبات میں بند کر سکتے ہیں۔"
 }

public/translations/vi/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "Đặt lại thay đổi",
   "crypto_address_yours": "Địa chỉ tiền điện tử thuộc về tài khoản này.",
   "delete_wallet": "Xóa ví",
-  "loading_subplebbit": "Đang tải subplebbit"
+  "loading_subplebbit": "Đang tải subplebbit",
+  "avatar_warning": "Bạn không thể đăng với hình đại diện khi chế độ ẩn danh đang bật. Bạn có thể tắt nó trong cài đặt Tài khoản Plebbit của mình."
 }

public/translations/zh/default.json

@@ -248,5 +248,6 @@
   "reset_changes": "重置更改",
   "crypto_address_yours": "加密地址属于此帐户。",
   "delete_wallet": "删除钱包",
-  "loading_subplebbit": "加载 subplebbit"
+  "loading_subplebbit": "加载 subplebbit",
+  "avatar_warning": "在匿名模式开启时，您无法使用头像进行发布。您可以在 Plebbit 账户设置中将其关闭。"
 }

src/components/settings-modal/avatar-settings/avatar-settings.module.css

@@ -11,6 +11,13 @@
   display: inline-block;
 }
 
+.warning {
+  font-size: 0.8em;
+  color: red;
+  padding: 0 10px 10px 10px;
+  display: block;
+}
+
 .avatar img {
   width: 64px;
   height: 64px;

src/components/settings-modal/avatar-settings/avatar-settings.tsx

@@ -4,6 +4,7 @@ import { setAccount, useAccount, useAuthorAvatar } from '@plebbit/plebbit-react-
 import styles from './avatar-settings.module.css';
 import { Trans, useTranslation } from 'react-i18next';
 import LoadingEllipsis from '../../loading-ellipsis';
+import useAnonMode from '../../../hooks/use-anon-mode';
 
 const AvatarPreview = ({ avatar }: any) => {
   const { t } = useTranslation();
@@ -114,8 +115,11 @@ const AvatarSettings = () => {
     alert(`saved`);
   };
 
+  const { anonMode } = useAnonMode();
+
   return (
     <div className={styles.avatarSettings}>
+      {anonMode && <span className={styles.warning}>{t('avatar_warning')}</span>}
       <AvatarPreview avatar={avatar} />
       <div className={styles.avatarSettingsForm}>
         <div className={styles.avatarSettingInput}>