redirect ?state urls (#382 part 1)

app/routes/_index.tsx

@@ -1,6 +1,6 @@
 import type {LoaderFunction} from '@remix-run/cloudflare'
-import {ShouldRevalidateFunction, useOutletContext, useLoaderData} from '@remix-run/react'
-import {loadTags} from '~/server-utils/stampy'
+import {ShouldRevalidateFunction, useOutletContext, useLoaderData, redirect} from '@remix-run/react'
+import {QuestionState, loadTags} from '~/server-utils/stampy'
 import Header from '~/components/Header'
 import Footer from '~/components/Footer'
 import type {Context} from '~/root'
@@ -10,9 +10,22 @@ import {PageSubheaderText} from '~/components/PageSubHeader'
 import {ContentBoxMain, ContentBoxSecond, ContentBoxThird} from '~/components/ContentBox'
 import Grid from '~/components/Grid'
 import useToC from '~/hooks/useToC'
+import {getStateEntries} from '~/hooks/stateModifiers'
 
 const empty: Awaited<ReturnType<typeof loadTags>> = {data: [], timestamp: ''}
 export const loader = async ({request}: Parameters<LoaderFunction>[0]) => {
+  const url = new URL(request.url)
+  const stateFromUrl = url.searchParams.get('state')
+  if (stateFromUrl) {
+    const firstOpenId = getStateEntries(stateFromUrl).filter(
+      ([_, state]) => state === QuestionState.OPEN
+    )[0]?.[0]
+    if (firstOpenId) {
+      url.searchParams.delete('state')
+      url.pathname = `/${firstOpenId}`
+      throw redirect(url.toString())
+    }
+  }
   try {
     const tags = await loadTags(request)
     return {tags}