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 (
<>