diff --git a/apps/admin-x-settings/src/components/Sidebar.tsx b/apps/admin-x-settings/src/components/Sidebar.tsx index bd7f545201..62ee714dea 100644 --- a/apps/admin-x-settings/src/components/Sidebar.tsx +++ b/apps/admin-x-settings/src/components/Sidebar.tsx @@ -21,6 +21,7 @@ const Sidebar: React.FC = () => { }; const hasTipsAndDonations = useFeatureFlag('tipsAndDonations'); + const hasRecommendations = useFeatureFlag('recommendations'); return (
@@ -45,6 +46,7 @@ const Sidebar: React.FC = () => { {/* */} + {hasRecommendations && } diff --git a/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx b/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx index e33f7a7d51..349d86a115 100644 --- a/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx +++ b/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx @@ -55,6 +55,10 @@ const features = [{ title: 'Tips & donations', description: 'Enables publishers to collect one-time payments', flag: 'tipsAndDonations' +},{ + title: 'Recommendations', + description: 'Enables publishers to recommend sites to their audience', + flag: 'recommendations' }]; const AlphaFeatures: React.FC = () => { diff --git a/apps/admin-x-settings/src/components/settings/site/Recommendations.tsx b/apps/admin-x-settings/src/components/settings/site/Recommendations.tsx new file mode 100644 index 0000000000..6736354d43 --- /dev/null +++ b/apps/admin-x-settings/src/components/settings/site/Recommendations.tsx @@ -0,0 +1,25 @@ +import React from 'react'; +import SettingGroup from '../../../admin-x-ds/settings/SettingGroup'; +import useSettingGroup from '../../../hooks/useSettingGroup'; + +const Recommendations: React.FC<{ keywords: string[] }> = ({keywords}) => { + const { + saveState, + handleSave + } = useSettingGroup(); + + return ( + + + ); +}; + +export default Recommendations; \ No newline at end of file diff --git a/apps/admin-x-settings/src/components/settings/site/SiteSettings.tsx b/apps/admin-x-settings/src/components/settings/site/SiteSettings.tsx index 9e26e437cc..255d426ee3 100644 --- a/apps/admin-x-settings/src/components/settings/site/SiteSettings.tsx +++ b/apps/admin-x-settings/src/components/settings/site/SiteSettings.tsx @@ -1,22 +1,27 @@ import DesignSetting from './DesignSetting'; import Navigation from './Navigation'; import React from 'react'; +import Recommendations from './Recommendations'; import SettingSection from '../../../admin-x-ds/settings/SettingSection'; +import useFeatureFlag from '../../../hooks/useFeatureFlag'; // import Theme from './Theme'; const searchKeywords = { theme: ['themes', 'design', 'appearance', 'style'], design: ['design', 'branding', 'logo', 'cover', 'colors', 'fonts', 'background'], - navigation: ['navigation', 'menus', 'primary', 'secondary', 'links'] + navigation: ['navigation', 'menus', 'primary', 'secondary', 'links'], + recommendations: ['recommendation', 'recommend', 'blog roll', 'recommending'] }; const SiteSettings: React.FC = () => { + const hasRecommendations = useFeatureFlag('recommendations'); return ( <> {/* */} + {hasRecommendations && } ); diff --git a/ghost/admin/app/services/feature.js b/ghost/admin/app/services/feature.js index 1eef449923..787e328acb 100644 --- a/ghost/admin/app/services/feature.js +++ b/ghost/admin/app/services/feature.js @@ -78,6 +78,7 @@ export default class FeatureService extends Service { @feature('importMemberTier') importMemberTier; @feature('tipsAndDonations') tipsAndDonations; @feature('convertToLexical') convertToLexical; + @feature('recommendations') recommendations; _user = null; diff --git a/ghost/admin/app/templates/settings/labs.hbs b/ghost/admin/app/templates/settings/labs.hbs index 1532ec3fa2..8818ddacf5 100644 --- a/ghost/admin/app/templates/settings/labs.hbs +++ b/ghost/admin/app/templates/settings/labs.hbs @@ -366,6 +366,20 @@
+ +
+
+
+

Recommendations

+

+ Enables publishers to recommend sites to their audience +

+
+
+ +
+
+
{{/if}} diff --git a/ghost/core/core/shared/labs.js b/ghost/core/core/shared/labs.js index 532047963e..aa57e0dc46 100644 --- a/ghost/core/core/shared/labs.js +++ b/ghost/core/core/shared/labs.js @@ -42,7 +42,8 @@ const ALPHA_FEATURES = [ 'collectionsCard', 'tipsAndDonations', 'importMemberTier', - 'convertToLexical' + 'convertToLexical', + 'recommendations' ]; module.exports.GA_KEYS = [...GA_FEATURES];