From b35608c17d2b11b0c00dd91097fcfa8671965306 Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Wed, 18 Jan 2023 23:39:50 +0000
Subject: [PATCH] chore: purge js

---
 src/element/Note.tsx        |  2 +-
 src/{index.js => index.tsx} | 13 ++++++-------
 src/useScroll.js            | 26 --------------------------
 3 files changed, 7 insertions(+), 34 deletions(-)
 rename src/{index.js => index.tsx} (90%)
 delete mode 100644 src/useScroll.js

diff --git a/src/element/Note.tsx b/src/element/Note.tsx
index 40bd568e..3e85bea7 100644
--- a/src/element/Note.tsx
+++ b/src/element/Note.tsx
@@ -33,7 +33,7 @@ export default function Note(props: NoteProps) {
     const pubKeys = useMemo(() => ev.Thread?.PubKeys || [], [ev]);
     const users = useProfile(pubKeys);
     const deletions = useMemo(() => getReactions(related, ev.Id, EventKind.Deletion), [related]);
-    const { ref, inView } = useInView({triggerOnce: true});
+    const { ref, inView } = useInView({ triggerOnce: true });
 
     const options = {
         showHeader: true,
diff --git a/src/index.js b/src/index.tsx
similarity index 90%
rename from src/index.js
rename to src/index.tsx
index 7474800f..e3ad1112 100644
--- a/src/index.js
+++ b/src/index.tsx
@@ -1,15 +1,14 @@
 import './index.css';
 
-import React from 'react';
+import { StrictMode } from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
-import ReactDOM from 'react-dom/client';
+import * as ReactDOM from 'react-dom/client';
 import { Provider } from 'react-redux'
 import {
   createBrowserRouter,
   RouterProvider,
 } from "react-router-dom";
 
-import { NostrSystem } from './nostr/System';
 import EventPage from './pages/EventPage';
 import Layout from './pages/Layout';
 import LoginPage from './pages/Login';
@@ -78,13 +77,13 @@ const router = createBrowserRouter([
   }
 ]);
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root')!);
 root.render(
-  <React.StrictMode>
+  <StrictMode>
     <Provider store={Store}>
       <QueryClientProvider client={HTTP}>
-         <RouterProvider router={router} />
+        <RouterProvider router={router} />
       </QueryClientProvider>
     </Provider>
-  </React.StrictMode>
+  </StrictMode>
 );
diff --git a/src/useScroll.js b/src/useScroll.js
deleted file mode 100644
index e6d7277f..00000000
--- a/src/useScroll.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useEffect, useState } from "react";
-
-export default function useScroll() {
-    const [eop, setEop] = useState(false);
-
-    function handleScroll(e) {
-        let target = e.path[1];
-        let y = target.scrollY + target.innerHeight;
-        let h = e.target.scrollingElement.offsetHeight;
-        let padding = 10;
-        let atEnd = y + padding >= h;
-        setEop((s) => {
-            if (s !== atEnd) {
-                return atEnd;
-            }
-            return s;
-        });
-    }
-
-    useEffect(() => {
-        window.addEventListener("scroll", handleScroll, { passive: true });
-        return () => window.removeEventListener("scroll", handleScroll);
-    }, []);
-
-    return [eop];
-}
\ No newline at end of file