chore: purge js

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,

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>
 );

src/useScroll.js

@@ -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];
-}