From 99cb93ebaf646cf26945be00d4a3c581f2a6e116 Mon Sep 17 00:00:00 2001
From: Juraj Piar <juraj@iovlabs.org>
Date: Fri, 25 Oct 2024 10:11:57 +0100
Subject: [PATCH] refactor: move CopySvg to own file

---
 README.md                                 |  5 ++---
 src/components/Address/AddressOrAlias.tsx | 26 +++--------------------
 src/components/CopySvg/CopySvg.tsx        | 20 +++++++++++++++++
 src/components/CopySvg/index.ts           |  1 +
 4 files changed, 26 insertions(+), 26 deletions(-)
 create mode 100644 src/components/CopySvg/CopySvg.tsx
 create mode 100644 src/components/CopySvg/index.ts

diff --git a/README.md b/README.md
index bf610ad0..69b58cb9 100644
--- a/README.md
+++ b/README.md
@@ -7,10 +7,11 @@ First, be sure that you are using Node Version 18+
 Then
 
 update .env file with the correct data from respective files:
+
 ```
 .dev
 .testnet
-.prod 
+.prod
 ```
 
 the chosen set of variables depends on the targeted contract versions you planning to work with. `.dev` - same as the `.testnet` versions of the contract with an exception being reduced wait times of votingDelay, votingPeriod and timelockMinDelay for automation purposes. `.testnet` and `.mainnet` versions are aligned on time but target respective chains(chainIds) 31 and 30.
@@ -99,8 +100,6 @@ Storybook has been configured to use Tailwind CSS.
 
 ## Unit testing
 
-## Unit testing
-
 The repository is configured to use [Jest as the Testing Framework](https://jestjs.io/). Please refer to the [Next.js official guide](https://nextjs.org/docs/app/building-your-application/testing/jest) for information on how to integrate Jest.
 
 To run the unit tests, use the following command:
diff --git a/src/components/Address/AddressOrAlias.tsx b/src/components/Address/AddressOrAlias.tsx
index c93da0d9..939d8440 100644
--- a/src/components/Address/AddressOrAlias.tsx
+++ b/src/components/Address/AddressOrAlias.tsx
@@ -1,33 +1,13 @@
-import { ADDRESS_ANIMATION_DURATION } from '@/lib/constants'
 import { useEffect, useState } from 'react'
-import { Span } from '@/components/Typography'
 import { isAddress } from 'viem'
+import { Span } from '@/components/Typography'
+import { CopySvg } from '@/components/CopySvg'
+import { ADDRESS_ANIMATION_DURATION } from '@/lib/constants'
 
 export interface AddressProps {
   addressOrAlias: string
 }
 
-const CopySvg = ({ color = 'white' }) => {
-  return (
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_4759_1391)">
-        <path
-          d="M5.33334 5.33301V3.46634C5.33334 2.7196 5.33334 2.34624 5.47867 2.06102C5.6065 1.81014 5.81047 1.60616 6.06136 1.47833C6.34657 1.33301 6.71994 1.33301 7.46668 1.33301H12.5333C13.2801 1.33301 13.6534 1.33301 13.9387 1.47833C14.1895 1.60616 14.3935 1.81014 14.5214 2.06102C14.6667 2.34624 14.6667 2.7196 14.6667 3.46634V8.53301C14.6667 9.27974 14.6667 9.65311 14.5214 9.93833C14.3935 10.1892 14.1895 10.3932 13.9387 10.521C13.6534 10.6663 13.2801 10.6663 12.5333 10.6663H10.6667M3.46668 14.6663H8.53334C9.28008 14.6663 9.65345 14.6663 9.93866 14.521C10.1895 14.3932 10.3935 14.1892 10.5214 13.9383C10.6667 13.6531 10.6667 13.2797 10.6667 12.533V7.46634C10.6667 6.7196 10.6667 6.34624 10.5214 6.06102C10.3935 5.81014 10.1895 5.60616 9.93866 5.47833C9.65345 5.33301 9.28008 5.33301 8.53334 5.33301H3.46668C2.71994 5.33301 2.34657 5.33301 2.06136 5.47833C1.81047 5.60616 1.6065 5.81014 1.47867 6.06102C1.33334 6.34624 1.33334 6.7196 1.33334 7.46634V12.533C1.33334 13.2797 1.33334 13.6531 1.47867 13.9383C1.6065 14.1892 1.81047 14.3932 2.06136 14.521C2.34657 14.6663 2.71994 14.6663 3.46668 14.6663Z"
-          stroke={color}
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_4759_1391">
-          <rect width="16" height="16" fill={color} />
-        </clipPath>
-      </defs>
-    </svg>
-  )
-}
-
 type CopyStatus = 'success' | 'error'
 
 export const AddressOrAlias: React.FC<AddressProps> = ({ addressOrAlias }) => {
diff --git a/src/components/CopySvg/CopySvg.tsx b/src/components/CopySvg/CopySvg.tsx
new file mode 100644
index 00000000..f87afa45
--- /dev/null
+++ b/src/components/CopySvg/CopySvg.tsx
@@ -0,0 +1,20 @@
+export const CopySvg = ({ color = 'white' }) => {
+  return (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_4759_1391)">
+        <path
+          d="M5.33334 5.33301V3.46634C5.33334 2.7196 5.33334 2.34624 5.47867 2.06102C5.6065 1.81014 5.81047 1.60616 6.06136 1.47833C6.34657 1.33301 6.71994 1.33301 7.46668 1.33301H12.5333C13.2801 1.33301 13.6534 1.33301 13.9387 1.47833C14.1895 1.60616 14.3935 1.81014 14.5214 2.06102C14.6667 2.34624 14.6667 2.7196 14.6667 3.46634V8.53301C14.6667 9.27974 14.6667 9.65311 14.5214 9.93833C14.3935 10.1892 14.1895 10.3932 13.9387 10.521C13.6534 10.6663 13.2801 10.6663 12.5333 10.6663H10.6667M3.46668 14.6663H8.53334C9.28008 14.6663 9.65345 14.6663 9.93866 14.521C10.1895 14.3932 10.3935 14.1892 10.5214 13.9383C10.6667 13.6531 10.6667 13.2797 10.6667 12.533V7.46634C10.6667 6.7196 10.6667 6.34624 10.5214 6.06102C10.3935 5.81014 10.1895 5.60616 9.93866 5.47833C9.65345 5.33301 9.28008 5.33301 8.53334 5.33301H3.46668C2.71994 5.33301 2.34657 5.33301 2.06136 5.47833C1.81047 5.60616 1.6065 5.81014 1.47867 6.06102C1.33334 6.34624 1.33334 6.7196 1.33334 7.46634V12.533C1.33334 13.2797 1.33334 13.6531 1.47867 13.9383C1.6065 14.1892 1.81047 14.3932 2.06136 14.521C2.34657 14.6663 2.71994 14.6663 3.46668 14.6663Z"
+          stroke={color}
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_4759_1391">
+          <rect width="16" height="16" fill={color} />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
diff --git a/src/components/CopySvg/index.ts b/src/components/CopySvg/index.ts
new file mode 100644
index 00000000..778cee1b
--- /dev/null
+++ b/src/components/CopySvg/index.ts
@@ -0,0 +1 @@
+export { CopySvg } from './CopySvg'