feat: add icon to adaptor inputs

measuredco · Oct 26, 2023 · a3a018b · a3a018b
1 parent c1181ad
commit a3a018b
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/core/components/InputOrGroup/fields/ExternalField/index.tsx b/packages/core/components/InputOrGroup/fields/ExternalField/index.tsx
@@ -2,13 +2,13 @@ import getClassNameFactory from "../../../../lib/get-class-name-factory";
 import styles from "../../styles.module.css";
 import type { InputProps } from "../..";
 import { ExternalInput } from "../../../ExternalInput";
+import { Link } from "react-feather";
 
 const getClassName = getClassNameFactory("Input", styles);
 
 export const ExternalField = ({
   field,
   onChange,
-  readOnly,
   value,
   name,
   label,
@@ -18,9 +18,13 @@ export const ExternalField = ({
   }
 
   return (
-    <div className={getClassName("")}>
+    <div className={getClassName()}>
       <div className={getClassName("label")}>
-        {name === "_data" ? "External content" : label || name}
+        <div className={getClassName("labelIcon")}>
+          <Link size={16} />
+        </div>
+
+        {name === "_data" ? label || "External content" : label || name}
       </div>
       <ExternalInput field={field} onChange={onChange} value={value} />
     </div>