diff --git a/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/DashboardTopBanner.tsx b/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/DashboardTopBanner.tsx index 9cefd5aa3bd..da481ec71dd 100644 --- a/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/DashboardTopBanner.tsx +++ b/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/DashboardTopBanner.tsx @@ -29,12 +29,6 @@ export const DashboardTopBanner = (props: DashboardTopBannerProps) => { } ); - const breachChartData: [string, number][] = - props.bannerData.sanitizedBreachExposures.map((obj) => { - const [key, value] = Object.entries(obj)[0]; - return [l10n.getString(key), value]; - }); - const contentData = { LetsFixDataContent: { headline: l10n.getString("dashboard-top-banner-protect-your-data-title"), @@ -130,6 +124,7 @@ export const DashboardTopBanner = (props: DashboardTopBannerProps) => { }; const content = contentData[props.type]; + console.log(props.hasRunScan); return (
@@ -147,7 +142,7 @@ export const DashboardTopBanner = (props: DashboardTopBannerProps) => { )}
- +
); diff --git a/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/View.tsx b/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/View.tsx index d6c1e2b9651..c8fd0d39117 100644 --- a/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/View.tsx +++ b/src/app/(proper_react)/redesign/(authenticated)/user/dashboard/View.tsx @@ -226,6 +226,7 @@ export const View = (props: Props) => { ? "DataBrokerScanUpsellContent" : "LetsFixDataContent" } + hasRunScan={!isScanResultItemsEmpty} />

diff --git a/src/app/components/client/Chart.tsx b/src/app/components/client/Chart.tsx index c6a4506f646..25f35711b7a 100644 --- a/src/app/components/client/Chart.tsx +++ b/src/app/components/client/Chart.tsx @@ -19,6 +19,7 @@ import Link from "next/link"; export type Props = { data: Array<[string, number]>; + hasRunScan: boolean; }; export const DoughnutChart = (props: Props) => { @@ -96,6 +97,15 @@ export const DoughnutChart = (props: Props) => { ); + const prompt = ( +
+

{l10n.getString("exposure-chart-returning-user-upgrade-prompt")}

+ + {l10n.getString("exposure-chart-returning-user-upgrade-prompt-cta")} + +
+ ); + return ( <>
@@ -178,16 +188,7 @@ export const DoughnutChart = (props: Props) => { ))} -
-

- {l10n.getString("exposure-chart-returning-user-upgrade-prompt")} -

- - {l10n.getString( - "exposure-chart-returning-user-upgrade-prompt-cta" - )} - -
+ {!props.hasRunScan ? prompt : null}