don't show welcome dialog for twitch users
This commit is contained in:
parent
106dc232b8
commit
895c2076e1
|
@ -1,6 +1,8 @@
|
|||
import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/solid'
|
||||
import clsx from 'clsx'
|
||||
import { useState } from 'react'
|
||||
import { User } from 'common/lib/user'
|
||||
import { useRouter } from 'next/router'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useUser } from 'web/hooks/use-user'
|
||||
import { updateUser } from 'web/lib/firebase/users'
|
||||
import { Col } from '../layout/col'
|
||||
|
@ -27,16 +29,12 @@ export default function Welcome() {
|
|||
}
|
||||
}
|
||||
|
||||
async function setUserHasSeenWelcome() {
|
||||
if (user) {
|
||||
await updateUser(user.id, { ['shouldShowWelcome']: false })
|
||||
}
|
||||
const setUserHasSeenWelcome = async () => {
|
||||
if (user) await updateUser(user.id, { ['shouldShowWelcome']: false })
|
||||
}
|
||||
|
||||
const [groupSelectorOpen, setGroupSelectorOpen] = useState(false)
|
||||
|
||||
if (!user || (!user.shouldShowWelcome && !groupSelectorOpen)) return <></>
|
||||
|
||||
const toggleOpen = (isOpen: boolean) => {
|
||||
setUserHasSeenWelcome()
|
||||
setOpen(isOpen)
|
||||
|
@ -45,6 +43,12 @@ export default function Welcome() {
|
|||
setGroupSelectorOpen(true)
|
||||
}
|
||||
}
|
||||
|
||||
const isTwitch = useIsTwitch(user)
|
||||
|
||||
if (isTwitch || !user || (!user.shouldShowWelcome && !groupSelectorOpen))
|
||||
return <></>
|
||||
|
||||
return (
|
||||
<>
|
||||
<GroupSelectorDialog
|
||||
|
@ -89,6 +93,21 @@ export default function Welcome() {
|
|||
)
|
||||
}
|
||||
|
||||
const useIsTwitch = (user: User | null | undefined) => {
|
||||
const router = useRouter()
|
||||
const isTwitch = router.pathname === '/twitch'
|
||||
|
||||
useEffect(() => {
|
||||
console.log('twich?', isTwitch)
|
||||
|
||||
if (isTwitch && user?.shouldShowWelcome) {
|
||||
updateUser(user.id, { ['shouldShowWelcome']: false })
|
||||
}
|
||||
}, [isTwitch, user])
|
||||
|
||||
return isTwitch
|
||||
}
|
||||
|
||||
function PageIndicator(props: { page: number; totalpages: number }) {
|
||||
const { page, totalpages } = props
|
||||
return (
|
||||
|
|
Loading…
Reference in New Issue
Block a user