From 2cbae2ec6d3ce87ea6f7ec84ca8f2645373752b2 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Fri, 19 May 2023 16:47:57 +0200
Subject: [PATCH] Added static default recipients form in AdminX

refs. https://github.com/TryGhost/Team/issues/3150
---
 .../settings/email/DefaultRecipients.tsx      | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/ghost/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx b/ghost/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx
index bea32d974c..e95d1d7b23 100644
--- a/ghost/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx
+++ b/ghost/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx
@@ -1,3 +1,4 @@
+import Dropdown from '../../../admin-x-ds/global/Dropdown';
 import React, {useState} from 'react';
 import SettingGroup from '../../../admin-x-ds/settings/SettingGroup';
 import SettingGroupContent from '../../../admin-x-ds/settings/SettingGroupContent';
@@ -22,9 +23,21 @@ const DefaultRecipients: React.FC = () => {
         />
     );
 
-    const inputs = (
-        <SettingGroupContent>
-            
+    const form = (
+        <SettingGroupContent columns={1}>
+            <Dropdown
+                defaultSelectedOption='option-1'
+                hint='Who should be able to subscribe to your site?'
+                options={[
+                    {value: 'option-1', label: 'Whoever has access to the post'},
+                    {value: 'option-2', label: 'All members'},
+                    {value: 'option-3', label: 'Paid-members only'},
+                    {value: 'option-4', label: 'Specific people'},
+                    {value: 'option-5', label: 'Usually nobody'}
+                ]}
+                title="Subscription access"
+                onSelect={() => {}}
+            />
         </SettingGroupContent>
     );
 
@@ -35,7 +48,7 @@ const DefaultRecipients: React.FC = () => {
             title='Default recipients' 
             onStateChange={handleStateChange}
         >
-            {currentState === 'view' ? values : inputs}
+            {currentState === 'view' ? values : form}
         </SettingGroup>
     );
 };