From ea38e8f353a9f7e69618524082acb5e5f70c1dda Mon Sep 17 00:00:00 2001
From: Yashvardhan Jagnani <yashjagnani73@gmail.com>
Date: Sat, 21 Sep 2024 02:53:39 +0530
Subject: [PATCH] fix: nit

---
 src/components/Atoms/Address/Address.tsx | 20 +++++++++-----------
 src/components/Shared/CopyData.tsx       |  6 ++----
 src/utils/types/shared.types.ts          |  1 -
 3 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/components/Atoms/Address/Address.tsx b/src/components/Atoms/Address/Address.tsx
index 6b13f8dd..3335b521 100644
--- a/src/components/Atoms/Address/Address.tsx
+++ b/src/components/Atoms/Address/Address.tsx
@@ -14,17 +14,15 @@ export const Address: React.FC<AddressProps> = ({
     }
 
     return (
-        <>
-            <p className="flex items-center gap-x-2">
-                {avatar && <AddressAvatar {...avatar} address={address} />}
+        <p className="flex items-center gap-x-1">
+            {avatar && <AddressAvatar {...avatar} address={address} />}
 
-                <CopyData data={address}>
-                    {actionableWrapper(
-                        actionable_address(address),
-                        label?.trim() || truncate(address),
-                    )}
-                </CopyData>
-            </p>
-        </>
+            {actionableWrapper(
+                actionable_address(address),
+                label?.trim() || truncate(address),
+            )}
+
+            <CopyData data={address} />
+        </p>
     );
 };
diff --git a/src/components/Shared/CopyData.tsx b/src/components/Shared/CopyData.tsx
index b68585ab..48492137 100644
--- a/src/components/Shared/CopyData.tsx
+++ b/src/components/Shared/CopyData.tsx
@@ -5,7 +5,7 @@ import { useToast } from "@/utils/hooks";
 import { type CopyDataProps } from "@/utils/types/shared.types";
 import { useState } from "react";
 
-export const CopyData: React.FC<CopyDataProps> = ({ children, data }) => {
+export const CopyData: React.FC<CopyDataProps> = ({ data }) => {
     const [copied, showCopied] = useState<boolean>(false);
 
     const { toast } = useToast();
@@ -26,13 +26,11 @@ export const CopyData: React.FC<CopyDataProps> = ({ children, data }) => {
             <Toaster />
 
             <button
-                className="cursor-pointer flex items-center gap-x-2"
+                className="cursor-pointer"
                 onClick={() => {
                     handleCopyClick();
                 }}
             >
-                {children}
-
                 {copied ? (
                     <IconWrapper
                         icon_class_name="done"
diff --git a/src/utils/types/shared.types.ts b/src/utils/types/shared.types.ts
index ebb1ebc2..8530e01b 100644
--- a/src/utils/types/shared.types.ts
+++ b/src/utils/types/shared.types.ts
@@ -25,7 +25,6 @@ export interface CardDetailProps {
 
 export interface CopyDataProps {
     data: string;
-    children: React.ReactNode;
 }
 
 export interface IconWrapperProps {