add copy address balance btn

src/components/ui/OneValueDropdown.tsx

@@ -7,6 +7,14 @@ import dayjs from "dayjs";
 import {formatNumber} from "./utils";
 import {Dropdown} from "../dropdown/Dropdown";
 import {useThemeMode} from "src/hooks/themeSwitcherHook";
+import {CopyBtn} from "./CopyBtn"
+import {toaster} from "../../App"
+import {StatusGood} from "grommet-icons";
+import styled from "styled-components"
+
+const Icon = styled(StatusGood)`
+  margin-right: 5px;
+`;
 
 interface ONEValueProps {
     value: (string | number)[];
@@ -47,6 +55,15 @@ export const ONEValueDropdown = (props: ONEValueProps) => {
         return {value: hashValue, one: v, usd: USDValue || 0, index};
     });
 
+    const hideCopyBtn = false
+
+    let valueCopy = ''
+
+    try {
+        valueCopy = normilizedValue[0].one.toString()
+    } catch (e) {
+    }
+
     return (
         <Dropdown
             items={normilizedValue}
@@ -56,6 +73,26 @@ export const ONEValueDropdown = (props: ONEValueProps) => {
             itemStyles={{justifyContent: "center"}}
             renderValue={() => (
                 <Box direction={"row"} align={"center"} style={{paddingTop: "2px"}}>
+
+                    {hideCopyBtn ? null : (
+                        <CopyBtn
+                            value={valueCopy}
+                            onClick={(e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                toaster.show({
+                                    message: () => (
+                                        <Box direction={"row"} align={"center"} pad={"small"}>
+                                            {<Icon size={"small"} color={"headerText"}/>}
+                                            <Text size={"small"}>Copied to clipboard</Text>
+                                        </Box>
+                                    )
+                                });
+                            }}
+                        />
+                    )}
+                    <div style={{marginRight: '5px'}}></div>
+
                     <Text size={"small"}>
                         <b>
                             {normilizedValue.reduce((prev, cur) => {
@@ -75,7 +112,7 @@ export const ONEValueDropdown = (props: ONEValueProps) => {
                             .toLocaleString("en-US", {
                                 minimumFractionDigits: 2,
                                 maximumFractionDigits: 2,
-                currency: "USD",
+                                currency: "USD"
                             })}
                         )
                     </Text>
@@ -95,7 +132,7 @@ export const ONEValueDropdown = (props: ONEValueProps) => {
                             {item.usd.toLocaleString("en-US", {
                                 minimumFractionDigits: 2,
                                 maximumFractionDigits: 2,
-                currency: "USD",
+                                currency: "USD"
                             })}
                             )
                         </Text>