add banner icons

Author: ibgrav

docs/overviews/overview-advertisers.md

@@ -6,6 +6,9 @@ sidebar_position: 04
 use_banner: true
 banner_title: UID2 Overview for Advertisers
 banner_description: Upgrade campaign activation with Unified ID 2.0.
+banner_icon: 'advertisers'
+banner_background_color: ''
+banner_background_color_dark: ''
 displayed_sidebar: sidebarAdvertisers
 ---
 

docs/overviews/overview-data-providers.md

@@ -6,6 +6,9 @@ sidebar_position: 08
 use_banner: true
 banner_title: UID2 Overview for Data Providers
 banner_description: An identity solution for the future.
+banner_icon: 'dataProviders'
+banner_background_color: ''
+banner_background_color_dark: ''
 displayed_sidebar: sidebarDataProviders
 ---
 

docs/overviews/overview-dsps.md

@@ -6,6 +6,9 @@ sidebar_position: 06
 use_banner: true
 banner_title: UID2 Overview for DSPs
 banner_description: Enable data strategies with a more durable identifier.
+banner_icon: 'dsps'
+banner_background_color: ''
+banner_background_color_dark: ''
 displayed_sidebar: sidebarDSPs
 ---
 

docs/overviews/overview-publishers.md

@@ -6,7 +6,7 @@ sidebar_position: 02
 use_banner: true
 banner_title: UID2 Overview for Publishers
 banner_description: Maintain audience targeting in the ever-changing advertising industry for better impression monetization and more relevance.
-banner_icon: 'documents'
+banner_icon: 'publishers'
 banner_background_color: ''
 banner_background_color_dark: ''
 displayed_sidebar: sidebarPublishers

src/components/DocsBanner/index.tsx

@@ -1,10 +1,18 @@
 import React, { CSSProperties, ComponentType, SVGProps } from "react";
 import clsx from "clsx";
 import styles from "./styles.module.scss";
-import DocumentsSvg from "@site/static/img/documents-icon.svg";
+import IconDocuments from "@site/static/img/documents-icon.svg";
+import IconAdvertisers from "@site/static/img/icon-page-advertisers.svg";
+import IconDataProviders from "@site/static/img/icon-page-dataproviders.svg";
+import IconDsps from "@site/static/img/icon-page-dsps.svg";
+import IconPublishers from "@site/static/img/icon-page-publishers.svg";
 
 const icons: Record<string, ComponentType<SVGProps<SVGSVGElement>>> = {
-  documents: DocumentsSvg,
+  documents: IconDocuments,
+  advertisers: IconAdvertisers,
+  dataProviders: IconDataProviders,
+  dsps: IconDsps,
+  publishers: IconPublishers,
 };
 
 type DocsBannerProps = {