From 10e30b9f705ca00443adf75a17c8a78e28589c66 Mon Sep 17 00:00:00 2001
From: asiaznik <artur@vegaprotocol.io>
Date: Thu, 7 Mar 2024 12:17:50 +0100
Subject: [PATCH] chore: move copy

---
 .../src/components/node-switcher/row-data.tsx | 18 ++++++-
 .../trading-radio-group/radio-group.tsx       | 53 +++++++------------
 2 files changed, 36 insertions(+), 35 deletions(-)

diff --git a/libs/environment/src/components/node-switcher/row-data.tsx b/libs/environment/src/components/node-switcher/row-data.tsx
index f4dca0d49..a20ed719a 100644
--- a/libs/environment/src/components/node-switcher/row-data.tsx
+++ b/libs/environment/src/components/node-switcher/row-data.tsx
@@ -1,4 +1,9 @@
-import { TradingRadio } from '@vegaprotocol/ui-toolkit';
+import {
+  CopyWithTooltip,
+  TradingRadio,
+  VegaIcon,
+  VegaIconNames,
+} from '@vegaprotocol/ui-toolkit';
 import { useEffect, useState } from 'react';
 import { CUSTOM_NODE_KEY } from '../../types';
 import {
@@ -127,8 +132,17 @@ export const RowData = ({
   return (
     <>
       {id !== CUSTOM_NODE_KEY && (
-        <div className="break-all" data-testid="node">
+        <div className="break-all flex gap-2" data-testid="node">
           <TradingRadio id={`node-url-${id}`} value={url} label={url} />
+          {url.length > 0 && url !== 'custom' && (
+            <span className="text-muted">
+              <CopyWithTooltip text={url}>
+                <button>
+                  <VegaIcon name={VegaIconNames.COPY} />
+                </button>
+              </CopyWithTooltip>
+            </span>
+          )}
         </div>
       )}
       <LayoutCell
diff --git a/libs/ui-toolkit/src/components/trading-radio-group/radio-group.tsx b/libs/ui-toolkit/src/components/trading-radio-group/radio-group.tsx
index 8e40f2f2f..824626cbc 100644
--- a/libs/ui-toolkit/src/components/trading-radio-group/radio-group.tsx
+++ b/libs/ui-toolkit/src/components/trading-radio-group/radio-group.tsx
@@ -3,8 +3,6 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import classNames from 'classnames';
 import type { ReactNode } from 'react';
 import { labelClasses } from '../checkbox';
-import { CopyWithTooltip } from '../copy-with-tooltip';
-import { VegaIcon, VegaIconNames } from '../icon';
 
 export interface TradingRadioGroupProps {
   name?: string;
@@ -88,36 +86,25 @@ export const TradingRadio = ({
     'border-vega-clight-700 dark:border-vega-cdark-700'
   );
   return (
-    <span className="inline-flex gap-2">
-      <label className={wrapperClasses} htmlFor={id}>
-        <RadioGroupPrimitive.Item
-          value={value}
-          className={itemClasses}
-          id={id}
-          data-testid={id}
-          disabled={disabled}
-        >
-          <RadioGroupPrimitive.Indicator className={indicatorClasses} />
-        </RadioGroupPrimitive.Item>
-        <span
-          className={
-            disabled
-              ? 'text-vega-clight-200 dark:text-vega-cdark-200'
-              : 'cursor-pointer'
-          }
-        >
-          {label}
-        </span>
-      </label>
-      {value && value !== 'custom' && (
-        <span className="text-muted">
-          <CopyWithTooltip text={value}>
-            <button>
-              <VegaIcon name={VegaIconNames.COPY} />
-            </button>
-          </CopyWithTooltip>
-        </span>
-      )}
-    </span>
+    <label className={wrapperClasses} htmlFor={id}>
+      <RadioGroupPrimitive.Item
+        value={value}
+        className={itemClasses}
+        id={id}
+        data-testid={id}
+        disabled={disabled}
+      >
+        <RadioGroupPrimitive.Indicator className={indicatorClasses} />
+      </RadioGroupPrimitive.Item>
+      <span
+        className={
+          disabled
+            ? 'text-vega-clight-200 dark:text-vega-cdark-200'
+            : 'cursor-pointer'
+        }
+      >
+        {label}
+      </span>
+    </label>
   );
 };