From 0394fc337c0727b1ece651f2b9071fe3c8cbb080 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 24 Jan 2026 12:56:27 +0100
Subject: [PATCH] chore: replace CopyIcon and ExternalLinkIcon with SVG
 implementations in SiteSettingsPage and VerificationModal components

---
 app/sites/[id]/settings/page.tsx       | 8 +++++---
 components/sites/VerificationModal.tsx | 5 +++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/sites/[id]/settings/page.tsx b/app/sites/[id]/settings/page.tsx
index c579725..9cfe6db 100644
--- a/app/sites/[id]/settings/page.tsx
+++ b/app/sites/[id]/settings/page.tsx
@@ -16,7 +16,6 @@ import {
   SettingsIcon,
   GlobeIcon,
   CheckIcon,
-  CopyIcon,
   AlertTriangleIcon,
   ZapIcon,
 } from '@ciphera-net/ui'
@@ -348,7 +347,7 @@ export default function SiteSettingsPage() {
                         className="absolute top-2 right-2 p-2 bg-white dark:bg-neutral-700 rounded-lg shadow-sm opacity-0 group-hover:opacity-100 transition-opacity"
                         title="Copy Script"
                       >
-                        {scriptCopied ? <CheckIcon className="w-4 h-4 text-green-500" /> : <CopyIcon className="w-4 h-4 text-neutral-500" />}
+                        {scriptCopied ? <CheckIcon className="w-4 h-4 text-green-500" /> : <svg className="w-4 h-4 text-neutral-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><rect x="9" y="9" width="13" height="13" rx="2" ry="2" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" /><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" /></svg>}
                       </button>
                     </div>
 
@@ -787,7 +786,10 @@ export default function SiteSettingsPage() {
                         {snippetCopied ? (
                           <CheckIcon className="w-4 h-4 text-green-600" />
                         ) : (
-                          <CopyIcon className="w-4 h-4" />
+                          <svg className="w-4 h-4 text-neutral-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <rect x="9" y="9" width="13" height="13" rx="2" ry="2" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+                            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+                          </svg>
                         )}
                       </button>
                     </div>
diff --git a/components/sites/VerificationModal.tsx b/components/sites/VerificationModal.tsx
index 023eb8f..ff69847 100644
--- a/components/sites/VerificationModal.tsx
+++ b/components/sites/VerificationModal.tsx
@@ -5,7 +5,6 @@ import { createPortal } from 'react-dom'
 import { motion, AnimatePresence } from 'framer-motion'
 import { 
   XIcon, 
-  ExternalLinkIcon, 
   CheckCircleIcon, 
   AlertTriangleIcon,
   ZapIcon 
@@ -136,7 +135,9 @@ export default function VerificationModal({ isOpen, onClose, site }: Verificatio
                       className="w-full flex items-center justify-center gap-2 px-4 py-3 bg-neutral-900 dark:bg-white text-white dark:text-neutral-900 rounded-xl font-medium hover:opacity-90 transition-opacity"
                     >
                       Open Website & Verify
-                      <ExternalLinkIcon className="w-4 h-4" />
+                      <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                      </svg>
                     </button>
                   </div>
                 )}