From 51d90668c746028973e6a8a1c732abb6fc18e22d Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Fri, 12 Dec 2025 22:38:08 +0100
Subject: [PATCH] add missing tokenId field to avatar settings

---
 .../avatar-settings/avatar-settings.module.css     |  4 ++++
 .../avatar-settings/avatar-settings.tsx            | 14 +++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/settings-modal/avatar-settings/avatar-settings.module.css b/src/components/settings-modal/avatar-settings/avatar-settings.module.css
index 33433cbe..60065e08 100644
--- a/src/components/settings-modal/avatar-settings/avatar-settings.module.css
+++ b/src/components/settings-modal/avatar-settings/avatar-settings.module.css
@@ -67,6 +67,10 @@
   content: '4.\00a0';
 }
 
+.settingField.step5::before {
+  content: '5.\00a0';
+}
+
 .settingField a {
   color: var(--post-link-text-color);
   text-decoration: var(--post-content-link-text-decoration);
diff --git a/src/components/settings-modal/avatar-settings/avatar-settings.tsx b/src/components/settings-modal/avatar-settings/avatar-settings.tsx
index 1fc7e242..dd7f2f0a 100644
--- a/src/components/settings-modal/avatar-settings/avatar-settings.tsx
+++ b/src/components/settings-modal/avatar-settings/avatar-settings.tsx
@@ -172,6 +172,18 @@ const AvatarSettings = () => {
           />
         </div>
         <div className={`${styles.settingField} ${styles.step3}`}>
+          <span className={styles.settingTitle}>Token ID: </span>
+          <input
+            type='text'
+            placeholder='123'
+            autoCorrect='off'
+            autoComplete='off'
+            spellCheck='false'
+            defaultValue={account?.author?.avatar?.id}
+            onChange={(e) => setTokenId(e.target.value)}
+          />
+        </div>
+        <div className={`${styles.settingField} ${styles.step4}`}>
           <span className={styles.settingTitle}>
             <Trans
               i18nKey='copy_message_etherscan'
@@ -196,7 +208,7 @@ const AvatarSettings = () => {
             onChange={(e) => setTimestamp(Number(e.target.value))}
           />
         </div>
-        <div className={`${styles.settingField} ${styles.step4}`}>
+        <div className={`${styles.settingField} ${styles.step5}`}>
           <span className={styles.settingTitle}>{_.capitalize(t('paste_signature'))}: </span>
           <input
             type='text'