refactor(frontend): move form-item hints from extra to tooltip

Switch reality target, node options, and WARP auto-update-IP hints from
inline extra text to label tooltips for a cleaner form layout.
This commit is contained in:
MHSanaei
2026-06-17 17:24:16 +02:00
parent d6cddaff12
commit 4915d6b18d
23 changed files with 218 additions and 223 deletions
+7 -7
View File
@@ -323,7 +323,7 @@ export default function NodeFormModal({
label={t('pages.nodes.allowPrivateAddress')}
name="allowPrivateAddress"
valuePropName="checked"
extra={t('pages.nodes.allowPrivateAddressHint')}
tooltip={t('pages.nodes.allowPrivateAddressHint')}
>
<Switch />
</Form.Item>
@@ -331,7 +331,7 @@ export default function NodeFormModal({
<Form.Item
label={t('pages.nodes.tlsVerifyMode')}
name="tlsVerifyMode"
extra={t('pages.nodes.tlsVerifyModeHint')}
tooltip={t('pages.nodes.tlsVerifyModeHint')}
>
<Select
disabled={scheme === 'http'}
@@ -366,7 +366,7 @@ export default function NodeFormModal({
<Form.Item
label={t('pages.nodes.pinnedCert')}
name="pinnedCertSha256"
extra={t('pages.nodes.pinnedCertHint')}
tooltip={t('pages.nodes.pinnedCertHint')}
>
<Input.Search
placeholder={t('pages.nodes.pinnedCertPlaceholder')}
@@ -381,7 +381,7 @@ export default function NodeFormModal({
label={t('pages.nodes.apiToken')}
name="apiToken"
rules={[antdRule(NodeFormSchema.shape.apiToken, t)]}
extra={t('pages.nodes.apiTokenHint')}
tooltip={t('pages.nodes.apiTokenHint')}
>
<Input.Password placeholder={t('pages.nodes.apiTokenPlaceholder')} />
</Form.Item>
@@ -389,7 +389,7 @@ export default function NodeFormModal({
<Form.Item
label={t('pages.nodes.outboundTag')}
name="outboundTag"
extra={t('pages.nodes.outboundTagHint')}
tooltip={t('pages.nodes.outboundTagHint')}
getValueProps={(v) => ({ value: (v as string) || undefined })}
>
<Select
@@ -403,7 +403,7 @@ export default function NodeFormModal({
<Form.Item
label={t('pages.nodes.inboundSyncMode')}
name="inboundSyncMode"
extra={t('pages.nodes.inboundSyncModeHint')}
tooltip={t('pages.nodes.inboundSyncModeHint')}
>
<Select
options={[
@@ -417,7 +417,7 @@ export default function NodeFormModal({
<Form.Item
label={t('pages.nodes.inboundTags')}
name="inboundTags"
extra={t('pages.nodes.inboundTagsHint')}
tooltip={t('pages.nodes.inboundTagsHint')}
>
<Select
mode="multiple"