Fix query page and switch stop worker search

Author: Pingid

@client/src/components/Banner.tsx

@@ -1,37 +1,37 @@
 export const Banner = () => {
   return (
-    <div class="sm:px-2 py-6 space-y-6 max-w-3xl">
-      <div class="space-y-2 sm:columns-2">
-        <p>Find free to attend lectures from leading universities and institutions around London</p>
-        <p>
-          You can find the code on our{' '}
-          <a class="btn" rel="noopener noreferrer" target="_blank" href={`https://github.com/Pingid/lectures.london`}>
-            repository
+    <div class="sm:px-2 pt-6 space-y-6">
+      <div class="space-y-2 sm:columns-1">
+        <p class="max-w-sm">Find free to attend lectures from leading universities and institutions around London</p>
+
+        <div class="w-full flex flex-wrap gap-3 pb-2">
+          <a class="btn" rel="noopener noreferrer" target="_blank" href="https://twitter.com/lectures_london">
+            twitter
           </a>
-          , where we welcome contributions and feedback. This is a community lead project and if you spot any problems
-          or mistakes on the site please file an{' '}
+          <a class="btn" rel="noopener noreferrer" target="_blank" href="/calender.ics">
+            calender
+          </a>
+          <label for="more" class="btn w-min cursor-pointer sm:hidden">
+            issues
+          </label>
+        </div>
+        <input id="more" type="checkbox" class="peer hidden" />
+        <p class="invisible h-0 sm:h-auto sm:visible peer-checked:h-auto peer-checked:visible text-sm">
+          If you spot any problems or mistakes on the site please file an{' '}
           <a
-            class="btn"
+            class="btn text-sm"
             rel="noopener noreferrer"
             target="_blank"
             href={`https://github.com/Pingid/lectures.london/issues`}
           >
             issue
           </a>
-          . For those more technically minded a pull request with a fix is always appreciated.
+          . Or get in contact through{' '}
+          <a class="btn text-sm" rel="noopener noreferrer" target="_blank" href="https://twitter.com/lectures_london">
+            twitter
+          </a>
         </p>
       </div>
-      <div class="w-full flex flex-wrap gap-3">
-        <a class="btn" rel="noopener noreferrer" target="_blank" href="https://twitter.com/lectures_london">
-          twitter
-        </a>
-        <a class="btn" rel="noopener noreferrer" target="_blank" href="/calender.ics">
-          calender
-        </a>
-        {/* <a class="btn" rel="noopener noreferrer" target="_blank" href="/rss.xml">
-          rss
-        </a> */}
-      </div>
     </div>
   )
 }

@client/src/data/useFuse.ts

@@ -5,7 +5,7 @@ import { FromWorker, ToWorker, cleanSearchResults } from '../worker/search'
 export type { SearchResult } from '../worker/search'
 
 export const useFuse = (onMessage: (ev: FromWorker) => any) => {
-  if (typeof Worker !== 'undefined') {
+  if (false && typeof Worker !== 'undefined') {
     let worker: Worker | null = null
     const send = (data: ToWorker) => Promise.resolve(worker?.postMessage(data))
     createEffect(() => {
@@ -17,9 +17,11 @@ export const useFuse = (onMessage: (ev: FromWorker) => any) => {
   }
 
   let fuse: Fuse<Lecture>
+  let Fuse: any
+
   const send = async (data: ToWorker) => {
+    if (!Fuse) Fuse = (await import('fuse.js').then((x) => x.default)) as any
     if (data.type === 'ADD_LECTURES') {
-      const Fuse = await import('fuse.js').then((x) => x.default)
       const index = Fuse.createIndex(data.payload.options.keys, data.payload.lectures)
       fuse = new Fuse(data.payload.lectures, data.payload.options, index)
     }

@client/src/data/userSearch.ts

@@ -8,15 +8,20 @@ const sanitize = <T>(x: T): T => JSON.parse(JSON.stringify(x))
 
 export const useSearch = () => {
   const [results, setresults] = createSignal<SearchResult[]>([])
-  const [query] = router.query('query')
+  const [query, setquery] = router.query('query')
   const [data] = useStore()
 
   const active = () => query().length > 1
 
   const fuse = useFuse((e) => (e.type === 'RESULTS' ? setresults(e.payload) : null))
-  createEffect(() => fuse.send(sanitize({ type: 'ADD_LECTURES', payload: { lectures: data.lectures, options } })))
-  createEffect(() => active() && fuse.send({ type: 'SEARCH', payload: query() }))
-
+  createEffect(() => {
+    fuse.send(sanitize({ type: 'ADD_LECTURES', payload: { lectures: data.lectures, options } }))
+    if (active()) fuse.send({ type: 'SEARCH', payload: query() })
+  })
+  createEffect(() => {
+    const query = new URLSearchParams(window.location.search).get('query')
+    if (query) setquery(query)
+  })
   return { results, active }
 }