fixed the edge case

hicommonwealth · Oct 8, 2024 · 67ab6e2 · 67ab6e2
1 parent 9eb1f04
commit 67ab6e2
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/...ipts/views/components/component_kit/new_designs/CWSingleSelectItem/CWSingleSelectItem.tsx b/...ipts/views/components/component_kit/new_designs/CWSingleSelectItem/CWSingleSelectItem.tsx
@@ -10,10 +10,10 @@ type CustomSingleValueProps = {
   showIcon?: boolean;
 };
 
-interface OptionProps {
+type OptionProps = {
   value: string;
   label: string;
-}
+};
 
 export const CWSingleSelectItem = (
   props: SingleValueProps<OptionProps> & CustomSingleValueProps,
@@ -28,14 +28,18 @@ export const CWSingleSelectItem = (
 
   return (
     <div className="custom-single-value">
-      <div className="inner-container">
-        <CWIcon
-          className="check-icon"
-          iconSize="small"
-          iconName="checkCircleFilled"
-        />
-        {formatAddressShort(data.label, 6)}
-      </div>
+      {extraProp && (
+        <div className="inner-container">
+          <CWIcon
+            className="check-icon"
+            iconSize="small"
+            iconName="checkCircleFilled"
+          />
+          {formatAddressShort(data.label, 6)}
+        </div>
+      )}
+      {!extraProp && <span>{data.label}</span>}
+
       {extraProp && <CopySimple size={20} onMouseDown={handleClickToCopy} />}
     </div>
   );