diff --git a/apps/admin-x-settings/src/components/settings/site/Recommendations.tsx b/apps/admin-x-settings/src/components/settings/site/Recommendations.tsx index 9beab1421d..974e7610a5 100644 --- a/apps/admin-x-settings/src/components/settings/site/Recommendations.tsx +++ b/apps/admin-x-settings/src/components/settings/site/Recommendations.tsx @@ -1,4 +1,5 @@ import Button from '../../../admin-x-ds/global/Button'; +import Link from '../../../admin-x-ds/global/Link'; import React, {useState} from 'react'; import RecommendationList from './recommendations/RecommendationList'; import SettingGroup from '../../../admin-x-ds/settings/SettingGroup'; @@ -10,6 +11,7 @@ import {useBrowseRecommendations} from '../../../api/recommendations'; const Recommendations: React.FC<{ keywords: string[] }> = ({keywords}) => { const { saveState, + siteData, handleSave } = useSettingGroup(); const {data: {recommendations} = {}} = useBrowseRecommendations(); @@ -26,23 +28,30 @@ const Recommendations: React.FC<{ keywords: string[] }> = ({keywords}) => { }} /> ); + const recommendationsURL = `${siteData?.url.replace(/\/$/, '')}/#/portal/recommendations`; + const tabs = [ { id: 'your-recommendations', title: 'Your recommendations', contents: () - }, - { - id: 'recommending-you', - title: 'Recommending you', - contents: () } + // TODO: Show "Recommending you" tab once we hook it up + // { + // id: 'recommending-you', + // title: 'Recommending you', + // contents: () + // } ]; + const groupDescription = ( + <>Share favorite sites with your audience after they subscribe. Preview + ); + return (