open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Convert heart to eye and follow to watch

Browse Source
This commit is contained in:
James Grugett 2022-08-24 21:16:38 -05:00
parent 535e50eeac
commit 25eca71846
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/NotificationSettings.tsx
View File

@ -175,8 +175,8 @@ export function NotificationSettings() {
highlight={notificationSettings !== 'none'} highlight={notificationSettings !== 'none'}
label={ label={
<span> <span>
That <span className={'font-bold'}>you follow </span>- you That <span className={'font-bold'}>you watch </span>- you
auto-follow questions if: auto-watch questions if:
</span> </span>
} }
onClick={() => setShowModal(true)} onClick={() => setShowModal(true)}

15
web/components/contract/follow-market-modal.tsx
View File

@ -1,6 +1,8 @@
import { Col } from 'web/components/layout/col' import { Col } from 'web/components/layout/col'
import { Modal } from 'web/components/layout/modal' import { Modal } from 'web/components/layout/modal'
import { EyeIcon } from '@heroicons/react/outline'
import React from 'react' import React from 'react'
import clsx from 'clsx'
export const FollowMarketModal = (props: { export const FollowMarketModal = (props: {
open: boolean open: boolean
@ -11,13 +13,18 @@ export const FollowMarketModal = (props: {
return ( return (
<Modal open={open} setOpen={setOpen}> <Modal open={open} setOpen={setOpen}>
<Col className="items-center gap-4 rounded-md bg-white px-8 py-6"> <Col className="items-center gap-4 rounded-md bg-white px-8 py-6">
<span className={'text-8xl'}>❤️</span> <EyeIcon className={clsx('h-20 w-20')} aria-hidden="true" />
<span className="text-xl">{title ? title : 'Following questions'}</span> <span className="text-xl">{title ? title : 'Watching questions'}</span>
<Col className={'gap-2'}> <Col className={'gap-2'}>
<span className={'text-indigo-700'}>• What is following?</span> <span className={'text-indigo-700'}>• What is watching?</span>
<span className={'ml-2'}> <span className={'ml-2'}>
You can receive notifications on questions you're interested in by You can receive notifications on questions you're interested in by
clicking the ❤️ button on a question. clicking the
<EyeIcon
className={clsx('ml-1 inline h-6 w-6 align-top')}
aria-hidden="true"
/>
️ button on a question.
</span> </span>
<span className={'text-indigo-700'}> <span className={'text-indigo-700'}>
• What types of notifications will I receive? • What types of notifications will I receive?