mirror of
https://github.com/plebbit/seedit.git
synced 2026-02-15 08:21:19 -05:00
style(settings): update UI
This commit is contained in:
plebeius.eth
@@ -299,5 +299,6 @@
|
||||
"wallet": "محفظة",
|
||||
"undelete": "إلغاء الحذف",
|
||||
"loading_comments": "تحميل التعليقات",
|
||||
"you_blocked_community": "لقد حظرت هذه المجتمعة"
|
||||
"you_blocked_community": "لقد حظرت هذه المجتمعة",
|
||||
"show": "اظهر"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "ওয়ালেট",
|
||||
"undelete": "মুছে ফেলা প্রত্যাহার",
|
||||
"loading_comments": "মন্তব্য লোড হচ্ছে",
|
||||
"you_blocked_community": "আপনি এই সম্প্রদায়টি ব্লক করেছেন"
|
||||
"you_blocked_community": "আপনি এই সম্প্রদায়টি ব্লক করেছেন",
|
||||
"show": "দেখান"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "Πορτοφόλι",
|
||||
"undelete": "Ανάκτηση διαγραφής",
|
||||
"loading_comments": "Φόρτωση σχολίων",
|
||||
"you_blocked_community": "Έχετε αποκλείσει αυτή την κοινότητα"
|
||||
"you_blocked_community": "Έχετε αποκλείσει αυτή την κοινότητα",
|
||||
"show": "εμφάνιση"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "کیف پول",
|
||||
"undelete": "بازیابی",
|
||||
"loading_comments": "بارگذاری نظرات",
|
||||
"you_blocked_community": "شما این انجمن را مسدود کردهاید"
|
||||
"you_blocked_community": "شما این انجمن را مسدود کردهاید",
|
||||
"show": "نمایش"
|
||||
}
|
||||
@@ -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ää"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "ארנק",
|
||||
"undelete": "שחזור מחיקה",
|
||||
"loading_comments": "טוען תגובות",
|
||||
"you_blocked_community": "חסמת את הקהילה הזו"
|
||||
"you_blocked_community": "חסמת את הקהילה הזו",
|
||||
"show": "תצוגה"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "वॉलेट",
|
||||
"undelete": "डिलीट को वापस लाओ",
|
||||
"loading_comments": "टिप्पणियाँ लोड हो रही हैं",
|
||||
"you_blocked_community": "आपने इस समुदाय को ब्लॉक कर दिया है"
|
||||
"you_blocked_community": "आपने इस समुदाय को ब्लॉक कर दिया है",
|
||||
"show": "दिखाएँ"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "ウォレット",
|
||||
"undelete": "削除を取り消す",
|
||||
"loading_comments": "コメントを読み込み中",
|
||||
"you_blocked_community": "このコミュニティをブロックしました"
|
||||
"you_blocked_community": "このコミュニティをブロックしました",
|
||||
"show": "表示"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "지갑",
|
||||
"undelete": "삭제 취소",
|
||||
"loading_comments": "댓글 로드 중",
|
||||
"you_blocked_community": "이 커뮤니티를 차단했습니다"
|
||||
"you_blocked_community": "이 커뮤니티를 차단했습니다",
|
||||
"show": "보여주다"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "बटवा",
|
||||
"undelete": "डिलीट करा",
|
||||
"loading_comments": "टिप्पणी लोड होत आहे",
|
||||
"you_blocked_community": "तुम्ही ह्या समुदायाला ब्लॉक केलं आहे"
|
||||
"you_blocked_community": "तुम्ही ह्या समुदायाला ब्लॉक केलं आहे",
|
||||
"show": "दाखवा"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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ć"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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ă"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "Кошелек",
|
||||
"undelete": "Восстановить",
|
||||
"loading_comments": "Загрузка комментариев",
|
||||
"you_blocked_community": "Вы заблокировали это сообщество"
|
||||
"you_blocked_community": "Вы заблокировали это сообщество",
|
||||
"show": "показать"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "వాలెట్",
|
||||
"undelete": "తొలగించడం రద్దు చేయండి",
|
||||
"loading_comments": "వ్యాఖ్యలను లోడ్ అవుతోంది",
|
||||
"you_blocked_community": "ఈ సముదాయాన్ని మీరు నిరోధించారు"
|
||||
"you_blocked_community": "ఈ సముదాయాన్ని మీరు నిరోధించారు",
|
||||
"show": "చూపించు"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "กระเป๋าเงิน",
|
||||
"undelete": "ยกเลิกการลบ",
|
||||
"loading_comments": "กำลังโหลดความคิดเห็น",
|
||||
"you_blocked_community": "คุณบล็อกชุมชนนี้แล้ว"
|
||||
"you_blocked_community": "คุณบล็อกชุมชนนี้แล้ว",
|
||||
"show": "แสดง"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "Гаманець",
|
||||
"undelete": "Скасувати видалення",
|
||||
"loading_comments": "Завантаження коментарів",
|
||||
"you_blocked_community": "Ви заблокували цю спільноту"
|
||||
"you_blocked_community": "Ви заблокували цю спільноту",
|
||||
"show": "показати"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "والیٹ",
|
||||
"undelete": "حذف کو واپس لائیں",
|
||||
"loading_comments": "تبصرے لوڈ ہو رہے ہیں",
|
||||
"you_blocked_community": "آپ نے یہ سماج بلاک کر دی ہے"
|
||||
"you_blocked_community": "آپ نے یہ سماج بلاک کر دی ہے",
|
||||
"show": "دکھائیں"
|
||||
}
|
||||
@@ -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ị"
|
||||
}
|
||||
@@ -299,5 +299,6 @@
|
||||
"wallet": "钱包",
|
||||
"undelete": "取消删除",
|
||||
"loading_comments": "正在加载评论",
|
||||
"you_blocked_community": "您已封锁了此社区"
|
||||
"you_blocked_community": "您已封锁了此社区",
|
||||
"show": "显示"
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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 (
|
||||
<>
|
||||
<div className={styles.avatar}>{imageUrl && state !== 'initializing' && <img src={imageUrl} alt='' />}</div>
|
||||
<div className={styles.avatar} onClick={showSettings}>
|
||||
{imageUrl && state !== 'initializing' && <img src={imageUrl} alt='' />}
|
||||
</div>
|
||||
{state !== 'succeeded' && account?.author?.avatar && (
|
||||
<div className={styles.state}>
|
||||
{stateText} {error?.message}
|
||||
@@ -117,90 +120,85 @@ const AvatarSettings = () => {
|
||||
|
||||
return (
|
||||
<div className={styles.avatarSettings}>
|
||||
<AvatarPreview avatar={avatar} />
|
||||
<div className={styles.settingsBox}>
|
||||
<button className={styles.showSettings} onClick={() => setShowSettings(!showSettings)}>
|
||||
{showSettings ? t('hide_settings') : t('show_settings')}
|
||||
</button>
|
||||
{showSettings && (
|
||||
<div className={styles.avatarSettingsForm}>
|
||||
<div className={styles.avatarSettingInput}>
|
||||
<span className={styles.settingTitle}>{t('chain_ticker')}</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='eth/sol/avax'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.chainTicker}
|
||||
onChange={(e) => setChainTicker(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.avatarSettingInput}>
|
||||
<span className={styles.settingTitle}>
|
||||
<Trans
|
||||
i18nKey='token_address_whitelist'
|
||||
shouldUnescape={true}
|
||||
components={{
|
||||
1: (
|
||||
<Link
|
||||
to='https://github.com/plebbit/plebbit-react-hooks/blob/557cc3f40b5933a00553ed9c0bc310d2cd7a3b52/src/hooks/authors/author-avatars.ts#L133'
|
||||
target='_blank'
|
||||
rel='noopener noreferrer'
|
||||
/>
|
||||
),
|
||||
}}
|
||||
/>
|
||||
</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='0x...'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.address}
|
||||
onChange={(e) => setTokenAddress(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.avatarSettingInput}>
|
||||
<span className={styles.settingTitle}>{t('token_id')}</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='Token ID'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.id}
|
||||
onChange={(e) => setTokenId(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.copyMessage}>
|
||||
<AvatarPreview avatar={avatar} showSettings={() => setShowSettings(!showSettings)} />
|
||||
{showSettings && (
|
||||
<div className={styles.avatarSettingsForm}>
|
||||
<div className={styles.avatarSettingInput}>
|
||||
<span className={styles.settingTitle}>{t('chain_ticker')}</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='eth/sol/avax'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.chainTicker}
|
||||
onChange={(e) => setChainTicker(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.avatarSettingInput}>
|
||||
<span className={styles.settingTitle}>
|
||||
<Trans
|
||||
i18nKey='copy_message_etherscan'
|
||||
values={{ copy: hasCopied ? t('copied') : t('copy') }}
|
||||
i18nKey='token_address_whitelist'
|
||||
shouldUnescape={true}
|
||||
components={{
|
||||
1: <button onClick={copyMessageToSign} />,
|
||||
// eslint-disable-next-line
|
||||
2: <a href='https://etherscan.io/verifiedSignatures' target='_blank' rel='noopener noreferrer' />,
|
||||
1: (
|
||||
<Link
|
||||
to='https://github.com/plebbit/plebbit-react-hooks/blob/557cc3f40b5933a00553ed9c0bc310d2cd7a3b52/src/hooks/authors/author-avatars.ts#L133'
|
||||
target='_blank'
|
||||
rel='noopener noreferrer'
|
||||
/>
|
||||
),
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.pasteSignature}>
|
||||
<span className={styles.settingTitle}>{t('paste_signature')}</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='0x...'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.signature?.signature}
|
||||
onChange={(e) => setSignature(e.target.value)}
|
||||
/>
|
||||
<button onClick={save}>{t('save')}</button>
|
||||
</div>
|
||||
</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='0x...'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.address}
|
||||
onChange={(e) => setTokenAddress(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className={styles.avatarSettingInput}>
|
||||
<span className={styles.settingTitle}>{t('token_id')}</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='Token ID'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.id}
|
||||
onChange={(e) => setTokenId(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.copyMessage}>
|
||||
<Trans
|
||||
i18nKey='copy_message_etherscan'
|
||||
values={{ copy: hasCopied ? t('copied') : t('copy') }}
|
||||
components={{
|
||||
1: <button onClick={copyMessageToSign} />,
|
||||
// eslint-disable-next-line
|
||||
2: <a href='https://etherscan.io/verifiedSignatures' target='_blank' rel='noopener noreferrer' />,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.pasteSignature}>
|
||||
<span className={styles.settingTitle}>{t('paste_signature')}</span>
|
||||
<input
|
||||
type='text'
|
||||
placeholder='0x...'
|
||||
autoCorrect='off'
|
||||
autoComplete='off'
|
||||
spellCheck='false'
|
||||
defaultValue={account?.author?.avatar?.signature?.signature}
|
||||
onChange={(e) => setSignature(e.target.value)}
|
||||
/>
|
||||
<button onClick={save}>{t('save')}</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -81,7 +81,7 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => {
|
||||
</div>
|
||||
<div key={index} className={styles.walletBox}>
|
||||
<button className={styles.toggleWallet} onClick={() => toggleShowWallet(index)}>
|
||||
{showWallet[index] ? t('hide_settings') : t('show_settings')}
|
||||
{showWallet[index] ? t('hide') : t('show')}
|
||||
</button>
|
||||
<button onClick={() => setWalletsArray([...walletsArray.slice(0, index), ...walletsArray.slice(index + 1)])}>{t('remove')}</button>
|
||||
<div className={`${showWallet[index] ? styles.show : styles.hide}`}>
|
||||
|
||||
Reference in New Issue
Block a user