fix: nit (#202)

covalenthq · Sep 20, 2024 · 0d4e430 · 0d4e430
1 parent c4adaa7
commit 0d4e430
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 16 deletions.
diff --git 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
@@ -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
@@ -25,7 +25,6 @@ export interface CardDetailProps {
 
 export interface CopyDataProps {
     data: string;
-    children: React.ReactNode;
 }
 
 export interface IconWrapperProps {