From 66a65d31aa18d06e4171fd531fbd1e8fb98a06c8 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 22 Feb 2022 21:58:03 -0800
Subject: [PATCH] Update the help text for newsletters

---
 packages/web/pages/help/newsletters.tsx | 53 ++++++++++++++++++-------
 packages/web/pages/settings/emails.tsx  |  6 ++-
 2 files changed, 44 insertions(+), 15 deletions(-)

diff --git a/packages/web/pages/help/newsletters.tsx b/packages/web/pages/help/newsletters.tsx
index 0e1609c1d..414313c51 100644
--- a/packages/web/pages/help/newsletters.tsx
+++ b/packages/web/pages/help/newsletters.tsx
@@ -35,23 +35,43 @@ export default function Newsletters(): JSX.Element {
           },
         }}
       >
-        <h1>All your Newsletters in One Place</h1>
+        <h1>Read Newsletters in Omnivore</h1>
         <hr />
-        <p>There are two ways to have newsletters delivered directly to your Omnivore Library:</p>
-        <ul>
-          <li><Link href="#directly">Subscribe directly to the newsletter with an Omnivore email address</Link></li>
-          <li><Link href="#forwarding">Create a forwarding rule to forward emails from your regular email account to your Omnivore email address</Link></li>
-        </ul>
+        <p>
+          Currently Omnivore supports newsletters from the following providers.
+          <ul>
+            <li>Newsletters hosted on <a href="https://substack.com" target="_blank">substack.com</a></li>
+            <li>The <a href="https://www.axios.com/newsletters" target="_blank">Axios Daily</a> newsletters</li>
+            <li><a href="https://golangweekly.com/" target="_blank">Golang Weekly</a></li>
+          </ul>
+          If there is a newsletter you would like to read in Omnivore, please let us know.
+        </p>
         
         <h2>Omnivore Email Addresses</h2>
-        <p>Omnivore allows you to create unique email addresses for subscribing to email newsletters. You can reuse one address for all your newsletters, or you can create a unique address for each.</p>
-        <p>An Omnivore email address will receive email, detect whether the email is a newsletter, and add the newsletter content to your library. If the email does not appear to be an email, it will be forwarded to the email address you used when you registered for Omnivore.</p>
+        <p>
+           Omnivore allows you to create unique email addresses for subscribing to newsletters.
+           You can reuse one address for all your newsletters, or you can create a unique address
+           for each.
+        </p>
+        <p>
+           An Omnivore email address will receive email, detect whether the email is a newsletter,
+           and add the newsletter content to your library. If the email does not appear to be a newsletter,
+           it will be forwarded to the email address you used when you registered for Omnivore.</p>
 
-        <h2>Notifications</h2>
-        <p>If you are a registered iOS user and have granted push notification permission to Omnivore, you will be sent a notification when a newsletter is added to your library. Otherwise, you will be notified via your registered email address.</p>
+        <p>There are multiple ways to have newsletters added directly to your Omnivore library:</p>
+        <ul>
+          <li><Link href="#directly">Subscribe to the newsletter with an Omnivore email address</Link></li>
+          <li><Link href="#forwarding">Create a forwarding rule from your email account</Link></li>
+        </ul>
 
-        <h2 id="directly">Subscribing directly to a newsletter with an Omnivore Email Address</h2>
-        <p>Create your first email address by clicking the <HighlightText>Create New Email</HighlightText> button on the <Link href='/settings/subscriptions/newsletters'>newsletters page</Link>. Copy the email address to your clipboard, and enter that email address into an email subscription box. If you are already logged into Substack you might need to logout to use your new email address.</p>
+        {/* <h2>Notifications</h2>
+        <p>If you are a registered iOS user and have granted push notification permission to Omnivore, you will be sent a notification when a newsletter is added to your library. Otherwise, you will be notified via your registered email address.</p> */}
+
+        <h2 id="directly">Subscribing Directly</h2>
+        <p>Create your first email address by clicking the <HighlightText>Create New Email</HighlightText> button on
+           the <Link href='/settings/emails'>emails page</Link>. Copy the email address to your clipboard using the
+           copy button, and enter that email address into an email subscription box. If you are already logged into
+           Substack you might need to logout to use your new email address.</p>
 
         <HStack distribution="center" css={{ width: '100%', my: '32px' }}>
           <img
@@ -60,13 +80,18 @@ export default function Newsletters(): JSX.Element {
           />
         </HStack>
 
-        <h2 id="forwarding">Creating forwarding rules to forward emails from your regular email account to your Omnivore email address</h2>
+        <p>
+        If you want all your substack newsletters sent to Omnivore, you can login and change the
+        address on <a href="https://substack.com/account/settings">your account page</a> in Substack.
+        </p>
+
+        <h2 id="forwarding">Create a Forwarding Rule</h2>
 
         <p>If you are a Gmail user you can create a forwarding rule to send email from your regular account to your Omnivore email address. This is useful if you have an existing paid newsletter subscription. For free newsletters we recommend subscribing directly to the newsletter with your Omnivore email address.</p>
 
         <p>Before you start:</p>
         <ul>
-          <li>Create an Omnivore Email Address by clicking the <HighlightText>Create New Email</HighlightText> button on the <Link href='/settings/subscriptions/newsletters'>newsletters page</Link>.</li>
+          <li>Create an Omnivore Email Address by clicking the <HighlightText>Create New Email</HighlightText> button on the <Link href='/settings/emails'>emails page</Link>.</li>
           <li>Make a note of the Newsletter&apos;s sender email address. For example <code>omnivore@substack.com</code>.</li>
         </ul>
 
diff --git a/packages/web/pages/settings/emails.tsx b/packages/web/pages/settings/emails.tsx
index d6485ada8..b21a9e250 100644
--- a/packages/web/pages/settings/emails.tsx
+++ b/packages/web/pages/settings/emails.tsx
@@ -9,6 +9,7 @@ import { useCopyLink } from '../../lib/hooks/useCopyLink'
 import { toast, Toaster } from 'react-hot-toast'
 import { useCallback } from 'react'
 import Link from 'next/link'
+import { StyledText } from '../../components/elements/StyledText'
 
 enum TextType {
   EmailAddress,
@@ -60,7 +61,10 @@ export default function EmailsPage(): JSX.Element {
           },
         }}
       >
-        <h1>Email Addresses</h1>
+        <StyledText style='fixedHeadline' css={{ mb: '8px' }}>Email Addresses</StyledText>
+        <StyledText style="body" css={{ mb: '42px', mt: '0px' }}>
+          Add PDFs to your library, or subscribe to emails using an Omnivore email address.
+        </StyledText>
         {emailAddresses && emailAddresses.map((email) => {
             return (
               <Box css={{ marginBottom: '26px' }} key={email.id}>