From 0428708e82f5fec2fdc0631ce29cff08fe626dbe Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 24 Aug 2022 21:16:38 -0500
Subject: [PATCH] Convert heart to eye and follow to watch

---
 web/components/NotificationSettings.tsx         |  4 ++--
 web/components/contract/follow-market-modal.tsx | 15 +++++++++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/web/components/NotificationSettings.tsx b/web/components/NotificationSettings.tsx
index 6d8aa25f..7ee27fb5 100644
--- a/web/components/NotificationSettings.tsx
+++ b/web/components/NotificationSettings.tsx
@@ -175,8 +175,8 @@ export function NotificationSettings() {
             highlight={notificationSettings !== 'none'}
             label={
               <span>
-                That <span className={'font-bold'}>you follow </span>- you
-                auto-follow questions if:
+                That <span className={'font-bold'}>you watch </span>- you
+                auto-watch questions if:
               </span>
             }
             onClick={() => setShowModal(true)}
diff --git a/web/components/contract/follow-market-modal.tsx b/web/components/contract/follow-market-modal.tsx
index 3dfb7ff4..fb62ce9f 100644
--- a/web/components/contract/follow-market-modal.tsx
+++ b/web/components/contract/follow-market-modal.tsx
@@ -1,6 +1,8 @@
 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 FollowMarketModal = (props: {
   open: boolean
@@ -11,13 +13,18 @@ export const FollowMarketModal = (props: {
   return (
     <Modal open={open} setOpen={setOpen}>
       <Col className="items-center gap-4 rounded-md bg-white px-8 py-6">
-        <span className={'text-8xl'}>❤️</span>
-        <span className="text-xl">{title ? title : 'Following questions'}</span>
+        <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 following?</span>
+          <span className={'text-indigo-700'}>• What is watching?</span>
           <span className={'ml-2'}>
             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 className={'text-indigo-700'}>
             • What types of notifications will I receive?