Fixed unable to manage comment notifications with single newsletter

closes https://github.com/TryGhost/Team/issues/1677

- for single newsletter sites we did not show email preference screen which allows managing comment notifications
- replaces newsletter toggle to use email preference screen when comments is enabled

ghost/portal/src/components/pages/AccountHomePage.js

@@ -3,7 +3,7 @@ import MemberAvatar from '../common/MemberGravatar';
 import ActionButton from '../common/ActionButton';
 import CloseButton from '../common/CloseButton';
 import Switch from '../common/Switch';
-import {getMemberSubscription, getMemberTierName, getSiteNewsletters, getSupportAddress, getUpdatedOfferPrice, hasMultipleNewsletters, hasMultipleProductsFeature, hasOnlyFreePlan, isComplimentaryMember} from '../../utils/helpers';
+import {getMemberSubscription, getMemberTierName, getSiteNewsletters, getSupportAddress, getUpdatedOfferPrice, hasCommentsEnabled, hasMultipleNewsletters, hasMultipleProductsFeature, hasOnlyFreePlan, isComplimentaryMember} from '../../utils/helpers';
 import {getDateString} from '../../utils/date-time';
 import {ReactComponent as LoaderIcon} from '../../images/icons/loader.svg';
 import {ReactComponent as OfferTagIcon} from '../../images/icons/offer-tag.svg';
@@ -348,7 +348,7 @@ function EmailNewsletterAction() {
     const {member, site, onAction} = useContext(AppContext);
     let {newsletters} = member;
 
-    if (hasMultipleNewsletters({site})) {
+    if (hasMultipleNewsletters({site}) || hasCommentsEnabled({site})) {
         return null;
     }
     const subscribed = !!newsletters?.length;
@@ -380,7 +380,7 @@ function EmailNewsletterAction() {
 
 function EmailPreferencesAction() {
     const {site, onAction} = useContext(AppContext);
-    if (!hasMultipleNewsletters({site})) {
+    if (!hasMultipleNewsletters({site}) && !hasCommentsEnabled({site})) {
         return null;
     }
     return (

ghost/portal/src/utils/fixtures-generator.js

@@ -37,7 +37,8 @@ export function getSiteData({
     portalButtonSignupText: portal_button_signup_text = 'Subscribe now',
     portalButtonStyle: portal_button_style = 'icon-and-text',
     membersSupportAddress: members_support_address = 'support@example.com',
-    newsletters = []
+    newsletters = [],
+    commentsEnabled
 } = {}) {
     return {
         title,
@@ -61,6 +62,7 @@ export function getSiteData({
         portal_button_signup_text,
         portal_button_style,
         members_support_address,
+        comments_enabled: !!commentsEnabled,
         newsletters
     };
 }

ghost/portal/src/utils/fixtures.js

@@ -105,6 +105,7 @@ export const site = getSiteData({
     portalButtonSignupText: 'Subscribe now',
     portalButtonStyle: 'icon-and-text',
     membersSupportAddress: 'support@example.com',
+    commentsEnabled: true,
     newsletters: [
         {
             id: 'weekly',

ghost/portal/src/utils/helpers.js

@@ -210,6 +210,10 @@ export function hasMultipleProductsFeature({site}) {
     return !!portalProducts;
 }
 
+export function hasCommentsEnabled({site}) {
+    return !!site?.comments_enabled;
+}
+
 export function transformApiSiteData({site}) {
     if (!site) {
         return null;