From 24022a8fdd4969421fa82cc72d8accbfb4b21456 Mon Sep 17 00:00:00 2001 From: Shambhu Lal Verma Date: Sun, 13 Sep 2026 19:10:25 +0530 Subject: [PATCH 1/3] fix: replace ASCII/emoji glyphs with real SVG icons File-upload warning, base-URL arrow, auth-tab dot, and the environments legend checkmark were plain text glyphs; they now render as SVG icons consistent with the rest of the icon set. Co-Authored-By: Claude Sonnet 5 --- src/webview/components/icons/DotIcon.tsx | 8 ++++++++ src/webview/components/icons/WarningIcon.tsx | 11 ++++++++--- src/webview/editor/EnvironmentsTab.tsx | 5 ++++- src/webview/editor/styles.css | 4 ++++ src/webview/request/FormFieldEditor.tsx | 4 +++- src/webview/request/RequestEditor.tsx | 16 ++++++++++++++-- src/webview/request/styles.css | 7 +++++++ 7 files changed, 48 insertions(+), 7 deletions(-) create mode 100644 src/webview/components/icons/DotIcon.tsx diff --git a/src/webview/components/icons/DotIcon.tsx b/src/webview/components/icons/DotIcon.tsx new file mode 100644 index 0000000..87087eb --- /dev/null +++ b/src/webview/components/icons/DotIcon.tsx @@ -0,0 +1,8 @@ +import React from "react"; +const DotIcon = () => ( + + + +); + +export default DotIcon; diff --git a/src/webview/components/icons/WarningIcon.tsx b/src/webview/components/icons/WarningIcon.tsx index 6cbe294..894527b 100644 --- a/src/webview/components/icons/WarningIcon.tsx +++ b/src/webview/components/icons/WarningIcon.tsx @@ -1,12 +1,17 @@ import React from "react"; -const WarningIcon = () => ( +type WarningIconProps = { + size?: number; + className?: string; +}; +const WarningIcon = ({ size = 48, className }: WarningIconProps) => ( diff --git a/src/webview/editor/EnvironmentsTab.tsx b/src/webview/editor/EnvironmentsTab.tsx index be7e836..27b0075 100644 --- a/src/webview/editor/EnvironmentsTab.tsx +++ b/src/webview/editor/EnvironmentsTab.tsx @@ -73,7 +73,10 @@ const EnvironmentsTab: React.FC = ({ {envs.length > 0 && (

- ✓ = active  ·  double-click name to rename + + + {" "} + = active  ·  double-click name to rename

)} {envs.length === 0 ? ( diff --git a/src/webview/editor/styles.css b/src/webview/editor/styles.css index dd69bc1..1d948bd 100644 --- a/src/webview/editor/styles.css +++ b/src/webview/editor/styles.css @@ -771,6 +771,10 @@ fieldset.form-section { text-align: center; letter-spacing: 0.02em; } +.env-list-hint-icon { + display: inline-flex; + vertical-align: -1px; +} .env-section-label { font-size: 11px; font-weight: 600; diff --git a/src/webview/request/FormFieldEditor.tsx b/src/webview/request/FormFieldEditor.tsx index 8914a56..ce3a7e9 100644 --- a/src/webview/request/FormFieldEditor.tsx +++ b/src/webview/request/FormFieldEditor.tsx @@ -6,6 +6,7 @@ import PlusIcon from "../components/icons/PlusIcon"; import TextIcon from "../components/icons/TextIcon"; import TrashIcon from "../components/icons/TrashIcon"; import UploadIcon from "../components/icons/UploadIcon"; +import WarningIcon from "../components/icons/WarningIcon"; import { hasFileFields } from "../helpers/helper"; import { useRequestContext } from "./RequestContext"; @@ -107,7 +108,8 @@ const FormFieldEditor = () => { {hasFileFields(config.formData) && (

- ⚠️ File uploads require multipart/form-data. + + File uploads require multipart/form-data.

)} diff --git a/src/webview/request/RequestEditor.tsx b/src/webview/request/RequestEditor.tsx index 3bc7f3d..a931402 100644 --- a/src/webview/request/RequestEditor.tsx +++ b/src/webview/request/RequestEditor.tsx @@ -1,6 +1,8 @@ import React, { useEffect, useRef, useState } from "react"; import Tooltip from "../components/Tooltip"; +import ChevronIcon from "../components/icons/ChevronIcon"; import CodeIcon from "../components/icons/CodeIcon"; +import DotIcon from "../components/icons/DotIcon"; import MoreActionIcon from "../components/icons/MoreActionIcon"; import SaveIcon from "../components/icons/SaveIcon"; import SendIcon from "../components/icons/SendIcon"; @@ -195,7 +197,15 @@ const RequestEditorContent: React.FC = () => { )} {hasVars && resolvedUrl && ( <> - → + + + {resolvedUrl} @@ -257,7 +267,9 @@ const RequestEditorContent: React.FC = () => { > Auth {config.auth !== undefined && ( - • + + + )}