5c6328ffc2
* Notifications Settings page working * Update import * Linked notification settings to notification rules * Add more subscribe types * It's alive... It's alive, it's moving, it's alive, it's alive, it's alive, it's alive, IT'S ALIVE' * UI Tweaks * Clean up comments * Direct & highlight sections for notif mgmt from emails * Comment cleanup * Comment cleanup, lint * More comment cleanup * Update email templates to predict * Move private user out of getDestinationsForUser * Fix resolution messages * Remove magic * Extract switch to switch-setting * Change tab in url * Show 0 as invested or payout * All emails use unsubscribeUrl
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import { Col } from 'web/components/layout/col'
|
||
import { Modal } from 'web/components/layout/modal'
|
||
import { EyeIcon } from '@heroicons/react/outline'
|
||
import React from 'react'
|
||
import clsx from 'clsx'
|
||
|
||
export const WatchMarketModal = (props: {
|
||
open: boolean
|
||
setOpen: (b: boolean) => void
|
||
title?: string
|
||
}) => {
|
||
const { open, setOpen, title } = props
|
||
return (
|
||
<Modal open={open} setOpen={setOpen}>
|
||
<Col className="items-center gap-4 rounded-md bg-white px-8 py-6">
|
||
<EyeIcon className={clsx('h-20 w-20')} aria-hidden="true" />
|
||
<span className="text-xl">{title ? title : 'Watching questions'}</span>
|
||
<Col className={'gap-2'}>
|
||
<span className={'text-indigo-700'}>• What is watching?</span>
|
||
<span className={'ml-2'}>
|
||
You'll receive notifications on markets by betting, commenting, or
|
||
clicking the
|
||
<EyeIcon
|
||
className={clsx('ml-1 inline h-6 w-6 align-top')}
|
||
aria-hidden="true"
|
||
/>
|
||
️ button on them.
|
||
</span>
|
||
<span className={'text-indigo-700'}>
|
||
• What types of notifications will I receive?
|
||
</span>
|
||
<span className={'ml-2'}>
|
||
You'll receive notifications for new comments, answers, and updates
|
||
to the question. See the notifications settings pages to customize
|
||
which types of notifications you receive on watched markets.
|
||
</span>
|
||
</Col>
|
||
</Col>
|
||
</Modal>
|
||
)
|
||
}
|