From 74afb5b46e49cf65c9b60f6448994058f6c324e9 Mon Sep 17 00:00:00 2001
From: Graham Tackley <gtackley@brave.com>
Date: Mon, 29 Jul 2024 09:05:52 +0100
Subject: [PATCH] feat(search-preview): include total landing page count
 (#1277)

<img width="276" alt="Screenshot 2024-07-26 at 10 48 55"
src="https://github.com/user-attachments/assets/3bc5891a-92c6-484c-9681-37c1250accb1">

Closes https://github.com/brave/ads-serve/issues/4151

## Depends on
- [x] https://github.com/brave/ads-serve/pull/4153
---
 src/search/preview/SummaryPanel.tsx | 7 +++++++
 src/search/preview/data.ts          | 1 +
 2 files changed, 8 insertions(+)

diff --git a/src/search/preview/SummaryPanel.tsx b/src/search/preview/SummaryPanel.tsx
index 6736b831..a7085f63 100644
--- a/src/search/preview/SummaryPanel.tsx
+++ b/src/search/preview/SummaryPanel.tsx
@@ -8,6 +8,7 @@ import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
 import PanToolAltOutlinedIcon from "@mui/icons-material/PanToolAltOutlined";
 import MonetizationOnOutlinedIcon from "@mui/icons-material/MonetizationOnOutlined";
 import PercentIcon from "@mui/icons-material/Percent";
+import ArticleIcon from "@mui/icons-material/Article";
 import { SearchData } from "./data";
 import { formatUsd, formatWholeNumber } from "@/user/library/format";
 
@@ -61,6 +62,12 @@ export function SummaryPanel({ searchData }: Props) {
         value={searchData.countryDomain.domain}
         icon={<DomainIcon sx={{ color: "text.secondary" }} />}
       />
+      <SummaryEntry
+        title="Landing Pages"
+        value={formatWholeNumber(searchData.estimates.landingPages)}
+        icon={<ArticleIcon sx={{ color: "text.secondary" }} />}
+      />
+
       <Typography variant="h2" marginTop={3} marginBottom={1}>
         Estimated weekly results
       </Typography>
diff --git a/src/search/preview/data.ts b/src/search/preview/data.ts
index 6dae36ac..3d8b1ed8 100644
--- a/src/search/preview/data.ts
+++ b/src/search/preview/data.ts
@@ -18,6 +18,7 @@ interface ServerSearchData {
       max: number;
     };
     trialBudget: number;
+    landingPages: number;
   };
 }