62 lines
1.5 KiB
TypeScript
62 lines
1.5 KiB
TypeScript
import { createSignal } from 'solid-js'
|
|
import { useRouter } from './router'
|
|
import type { AuthModalSearchParams, ConfirmEmailSearchParams } from '../components/Nav/AuthModal/types'
|
|
import type { RootSearchParams } from '../pages/types'
|
|
|
|
export type ModalType = 'auth' | 'subscribe' | 'feedback' | 'thank' | 'donate' | 'inviteToChat'
|
|
type WarnKind = 'error' | 'warn' | 'info'
|
|
|
|
export interface Warning {
|
|
body: string
|
|
kind: WarnKind
|
|
seen?: boolean
|
|
}
|
|
|
|
export const MODALS: Record<ModalType, ModalType> = {
|
|
auth: 'auth',
|
|
subscribe: 'subscribe',
|
|
feedback: 'feedback',
|
|
thank: 'thank',
|
|
donate: 'donate',
|
|
inviteToChat: 'inviteToChat'
|
|
}
|
|
|
|
const [modal, setModal] = createSignal<ModalType | null>(null)
|
|
|
|
const [warnings, setWarnings] = createSignal<Warning[]>([])
|
|
|
|
export const showModal = (modalType: ModalType) => setModal(modalType)
|
|
|
|
// TODO: find a better solution
|
|
export const hideModal = () => {
|
|
const { searchParams, changeSearchParam } = useRouter<
|
|
AuthModalSearchParams & ConfirmEmailSearchParams & RootSearchParams
|
|
>()
|
|
|
|
if (searchParams().modal === 'auth') {
|
|
if (searchParams().mode === 'confirm-email') {
|
|
changeSearchParam('token', null, true)
|
|
}
|
|
changeSearchParam('mode', null, true)
|
|
}
|
|
|
|
changeSearchParam('modal', null, true)
|
|
|
|
setModal(null)
|
|
}
|
|
|
|
export const clearWarns = () => setWarnings([])
|
|
export const warn = (warning: Warning) => setWarnings([...warnings(), warning])
|
|
|
|
export const useWarningsStore = () => {
|
|
return {
|
|
warnings
|
|
}
|
|
}
|
|
|
|
export const useModalStore = () => {
|
|
return {
|
|
modal
|
|
}
|
|
}
|