diff --git a/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx b/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx index 8a0f3b8bc5..2450ecf0ec 100644 --- a/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx +++ b/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx @@ -84,8 +84,8 @@ const IncomingRecommendationList: React.FC = ({ {mentions.map(mention => )} ; } else { - return - No sites are recommending you yet. + return + No one’s recommended you yet. Once they do, you’ll find them here along with how many memberships each has driven. ; } }; diff --git a/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx b/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx index 248bf595b7..eca683a27d 100644 --- a/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx +++ b/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx @@ -4,10 +4,13 @@ import RecommendationIcon from './RecommendationIcon'; import Table, {ShowMoreData} from '../../../../admin-x-ds/global/Table'; import TableCell from '../../../../admin-x-ds/global/TableCell'; // import TableHead from '../../../../admin-x-ds/global/TableHead'; +import Button from '../../../../admin-x-ds/global/Button'; import EditRecommendationModal from './EditRecommendationModal'; +import Link from '../../../../admin-x-ds/global/Link'; import NiceModal from '@ebay/nice-modal-react'; import TableRow from '../../../../admin-x-ds/global/TableRow'; import useRouting from '../../../../hooks/useRouting'; +import useSettingGroup from '../../../../hooks/useSettingGroup'; import {PaginationData} from '../../../../hooks/usePagination'; import {Recommendation} from '../../../../api/recommendations'; @@ -68,13 +71,26 @@ const RecommendationItem: React.FC<{recommendation: Recommendation}> = ({recomme // const tableHeader = (<>SiteConversions from you); const RecommendationList: React.FC = ({recommendations, pagination, showMore, isLoading}) => { + const { + siteData + } = useSettingGroup(); + const recommendationsURL = `${siteData?.url.replace(/\/$/, '')}/#/portal/recommendations`; + + const {updateRoute} = useRouting(); + const openAddNewRecommendationModal = () => { + updateRoute('recommendations/add'); + }; + if (isLoading || recommendations.length) { - return Shown randomized to your readers} isLoading={isLoading} pagination={pagination} showMore={showMore} hintSeparator> + return
Shared with new members after signup, or anytime using this link} isLoading={isLoading} pagination={pagination} showMore={showMore} hintSeparator> {recommendations && recommendations.map(recommendation => )}
; } else { - return - No recommendations yet. + return + Get started by sharing any publication you think your audience will find valuable. Need inspiration? Explore thousands of sites. + ; } };