From e095e7a7c5a2a3dc2615bf5af057a772f1b64460 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Sun, 31 Mar 2024 07:36:37 +1100
Subject: [PATCH] remove shadow dom

---
 src/seqta/ui/ImageBackgrounds.ts |  4 ----
 src/seqta/ui/otherFunction.css   | 17 -------------
 src/seqta/ui/otherFunction.tsx   | 41 --------------------------------
 3 files changed, 62 deletions(-)
 delete mode 100644 src/seqta/ui/otherFunction.css
 delete mode 100644 src/seqta/ui/otherFunction.tsx

diff --git a/src/seqta/ui/ImageBackgrounds.ts b/src/seqta/ui/ImageBackgrounds.ts
index 80ae55d2..62acafcb 100644
--- a/src/seqta/ui/ImageBackgrounds.ts
+++ b/src/seqta/ui/ImageBackgrounds.ts
@@ -1,7 +1,6 @@
 import browser from 'webextension-polyfill';
 import { SettingsState } from '../../types/storage';
 import backgroundURL from './background/background.html?url'
-import { renderInShadowDom } from './otherFunction';
 
 export async function appendBackgroundToUI() {
   const settings = await browser.storage.local.get() as SettingsState;
@@ -17,7 +16,4 @@ export async function appendBackgroundToUI() {
   background.setAttribute('excludeDarkCheck', 'true');
   background.src = browser.runtime.getURL(backgroundURL);
   parent!.appendChild(background);
-
-
-  renderInShadowDom('#ExtensionPopup2')
 }
diff --git a/src/seqta/ui/otherFunction.css b/src/seqta/ui/otherFunction.css
deleted file mode 100644
index 51d129cb..00000000
--- a/src/seqta/ui/otherFunction.css
+++ /dev/null
@@ -1,17 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}
\ No newline at end of file
diff --git a/src/seqta/ui/otherFunction.tsx b/src/seqta/ui/otherFunction.tsx
deleted file mode 100644
index 336615e2..00000000
--- a/src/seqta/ui/otherFunction.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import ReactDOM from 'react-dom/client';
-import root from 'react-shadow';
-import styles from './otherFunction.css?inline';
-
-// Define your React component
-export default function MyComponent() {
-
-  return (
-    <root.div>
-      <div className="bg-black/40 backdrop-blur-xl">hi there</div>
-      <style type="text/css">{styles}</style>
-    </root.div>
-  );
-};
-
-// Function to render the React component within Shadow DOM
-export const renderInShadowDom = (selector: string) => {
-  // Find the host element
-  const hostElement = document.querySelector(selector);
-  if (!hostElement) {
-    console.error('Host element not found');
-    return;
-  }
-
-  const element = document.createElement('div');
-  hostElement.appendChild(element);
-
-  const root = ReactDOM.createRoot(element);
-
-  root.render(<MyComponent />);
-};
-const hostElement = document.querySelector('nothing')!;
-
-if (hostElement) {
-  const element = document.createElement('div');
-  hostElement.appendChild(element);
-  
-  const root1 = ReactDOM.createRoot(element);
-  
-  root1.render(<MyComponent />);
-}
\ No newline at end of file