+
diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx
index 2a23fda1159..ad320863206 100644
--- a/apps/www/pages/launch-week/index.tsx
+++ b/apps/www/pages/launch-week/index.tsx
@@ -12,6 +12,7 @@ import SectionContainer from '~/components/Layouts/SectionContainer'
import { LaunchWeekLogoHeader } from '~/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader'
import { UserData } from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
import LW7BgGraphic from '~/components/LaunchWeek/LW7BgGraphic'
+import { useTheme } from 'common/Providers'
const TicketContainer = dynamic(() => import('~/components/LaunchWeek/Ticket/TicketContainer'))
const LW7Releases = dynamic(() => import('~/components/LaunchWeek/Releases/LW7/LW7Releases'))
@@ -39,6 +40,7 @@ export default function TicketHome({ users }: Props) {
const [supabase, setSupabase] = useState
(null)
const [session, setSession] = useState(null)
const [isGolden, setIsGolden] = useState(false)
+ const { isDarkMode } = useTheme()
const TITLE = 'Supabase LaunchWeek 7'
const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023'
@@ -80,10 +82,14 @@ export default function TicketHome({ users }: Props) {
}, [supabase])
useEffect(() => {
- document.body.className = 'dark bg-[#1C1C1C]'
+ document.body.className = '!dark bg-[#1C1C1C]'
if (typeof window !== 'undefined') {
setIsGolden(localStorage?.getItem('isGolden') === 'true' ?? false)
}
+
+ return () => {
+ document.body.className = isDarkMode ? 'dark' : 'light'
+ }
}, [])
const Ticket = () =>
diff --git a/apps/www/pages/launch-week/tickets/[username].tsx b/apps/www/pages/launch-week/tickets/[username].tsx
index 4f711ec921d..07061ff48fc 100644
--- a/apps/www/pages/launch-week/tickets/[username].tsx
+++ b/apps/www/pages/launch-week/tickets/[username].tsx
@@ -14,6 +14,7 @@ import TicketBrickWall from '~/components/LaunchWeek/LaunchSection/TicketBrickWa
import { UserData } from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
import LW7BgGraphic from '../../../components/LaunchWeek/LW7BgGraphic'
import CTABanner from '../../../components/CTABanner'
+import { useTheme } from 'common/Providers'
interface Props {
user: UserData
@@ -29,6 +30,7 @@ const supabaseAdmin = createClient(
)
export default function UsernamePage({ user, users, ogImageUrl }: Props) {
+ const { isDarkMode } = useTheme()
const { username, ticketNumber, name, golden, referrals, bg_image_id } = user
const TITLE = `${name ? name + '’s' : 'Get your'} #SupaLaunchWeek Ticket`
const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023 | Generate your ticket. Win swag.'
@@ -43,7 +45,11 @@ export default function UsernamePage({ user, users, ogImageUrl }: Props) {
}
useEffect(() => {
- document.body.className = 'dark bg-[#1C1C1C]'
+ document.body.className = '!dark bg-[#1C1C1C]'
+
+ return () => {
+ document.body.className = isDarkMode ? 'dark' : 'light'
+ }
}, [])
return (
diff --git a/apps/www/pages/launch-week/tickets/index.tsx b/apps/www/pages/launch-week/tickets/index.tsx
index fce17fec545..84e7d8234d0 100644
--- a/apps/www/pages/launch-week/tickets/index.tsx
+++ b/apps/www/pages/launch-week/tickets/index.tsx
@@ -14,6 +14,7 @@ import { debounce } from 'lodash'
import TicketsGrid from '../../../components/LaunchWeek/Ticket/TicketsGrid'
import { Button } from 'ui'
import Link from 'next/link'
+import { useTheme } from 'common/Providers'
interface Props {
users: UserData[]
@@ -42,6 +43,7 @@ export default function TicketsPage({ users }: Props) {
const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023'
const OG_IMAGE = `${SITE_ORIGIN}/images/launchweek/seven/launch-week-7-teaser.jpg`
+ const { isDarkMode } = useTheme()
const [isLoading, setIsLoading] = useState(false)
const [offset, setOffset] = useState(1)
const [isLast, setIsLast] = useState(false)
@@ -71,10 +73,6 @@ export default function TicketsPage({ users }: Props) {
setIsLoading(false)
}
- useEffect(() => {
- document.body.className = 'dark bg-[#1C1C1C]'
- }, [])
-
const handleScroll = () => {
if (ref.current && typeof window !== 'undefined') {
const rect = (ref.current as HTMLDivElement)?.getBoundingClientRect()
@@ -84,11 +82,13 @@ export default function TicketsPage({ users }: Props) {
}
useEffect(() => {
- const handleDebouncedScroll = debounce(() => !isLast && handleScroll(), 200)
+ document.body.className = '!dark bg-[#1C1C1C]'
+ const handleDebouncedScroll = debounce(() => !isLast && handleScroll(), 200)
window.addEventListener('scroll', handleDebouncedScroll)
return () => {
+ document.body.className = isDarkMode ? 'dark' : 'light'
window.removeEventListener('scroll', handleDebouncedScroll)
}
}, [])