Remove dynamic canonicalHEADmain

1 files changed, 8 insertions, 11 deletions

diff --git a/src/pages/embed/EmbedPage.tsx b/src/pages/embed/EmbedPage.tsx
index c75a4f7..35417c0 100644
--- a/src/pages/embed/EmbedPage.tsx
+++ b/src/pages/embed/EmbedPage.tsx
@@ -3,26 +3,23 @@ import MorseGame from '../../components/MorseGame';
 import '../../styles.css';
 
 const EmbedPage = () => {
-  // Add meta tag for WebView compatibility
+  // Add meta tag for WebView compatibility and set page title
   useEffect(() => {
     // Set viewport for better mobile display
     const viewportMeta = document.createElement('meta');
     viewportMeta.name = 'viewport';
     viewportMeta.content = 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no';
     document.head.appendChild(viewportMeta);
-    
-    // Set canonical URL
-    const canonicalLink = document.createElement('link');
-    canonicalLink.rel = 'canonical';
-    canonicalLink.href = 'https://morsehero.com/embed';
-    document.head.appendChild(canonicalLink);
-    
+
     // Set page title
     document.title = 'Morse Hero | Embed';
-    
+
     return () => {
-      document.head.removeChild(viewportMeta);
-      document.head.removeChild(canonicalLink);
+      // Remove viewport meta tag when component unmounts
+      const metaTag = document.querySelector('meta[name="viewport"]');
+      if (metaTag && metaTag.parentNode) {
+        metaTag.parentNode.removeChild(metaTag);
+      }
     };
   }, []);