Sync sweep filter <-> context <-> play query

Resolves MAN-1710, MAN-1702

web/components/contract/twomba-contract-page.tsx

@@ -88,13 +88,21 @@ export function TwombaContractPageContent(props: ContractParams) {
     cash,
   } = props
 
+  // sync query state with context
   const { isPlay, setIsPlay } = useSweepstakes()
   const router = useRouter()
   useEffect(() => {
     if (router.isReady) {
       setIsPlay(router.query.play !== 'false')
     }
   }, [router.isReady])
+  useEffect(() => {
+    router.replace(
+      { query: { ...router.query, play: isPlay ? 'true' : 'false' } },
+      undefined,
+      { shallow: true }
+    )
+  }, [isPlay])
 
   const livePlayContract = useLiveContractWithAnswers(props.contract)
   const liveCashContract = props.cash

web/components/supabase-search.tsx

@@ -37,6 +37,7 @@ import { LoadMoreUntilNotVisible } from './widgets/visibility-observer'
 import { BinaryDigit, TierParamsType } from 'common/tier'
 import { useIsMobile } from 'web/hooks/use-is-mobile'
 import { Spacer } from './layout/spacer'
+import { useSweepstakes } from './sweestakes-context'
 
 const USERS_PER_PAGE = 100
 const TOPICS_PER_PAGE = 100
@@ -237,6 +238,7 @@ export function SupabaseSearch(props: {
   } = props
 
   const isMobile = useIsMobile()
+  const { isPlay, setIsPlay } = useSweepstakes()
 
   const [searchParams, setSearchParams, isReady] = useSearchQueryState({
     defaultSort,
@@ -246,6 +248,7 @@ export function SupabaseSearch(props: {
     defaultForYou,
     useUrlParams,
     persistPrefix,
+    defaultSweepies: isPlay ? '0' : '1',
   })
 
   const query = searchParams[QUERY_KEY]
@@ -260,6 +263,10 @@ export function SupabaseSearch(props: {
   const marketTiers = searchParams[MARKET_TIER_KEY]
   const topicFilter = searchParams[TOPIC_FILTER_KEY]
 
+  useEffect(() => {
+    if (isWholePage) setIsPlay(sweepiesState === '0')
+  }, [isWholePage, sweepiesState])
+
   const [userResults, setUserResults] = usePersistentInMemoryState<
     FullUser[] | undefined
   >(undefined, `${persistPrefix}-queried-user-results`)