Production Release 2024-07-17

[IanKrieger]

Features

• feat(search): preview of creatives for large target advertisers #1251

Fixes

• fix(toggle): include ad set id when unpausing #1256

Chores

• chore(deps): update all non-major dependencies #1250

[github-actions]

[puLL-Merge] - brave/ads-ui@1257

Description

This PR introduces a new feature for previewing search ads. It adds a new route /search/preview/:slug and associated components to display a preview of search ads for a specific domain. The preview includes a list of landing pages with their creatives, a summary panel, and a call-to-action section.

Changes

Changes

1. src/App.tsx:

   • Added a new route for the search preview page.

2. src/components/Creatives/SearchPreview.tsx:

   • Modified the styling of the URL display to handle overflow.

3. src/components/Navigation/AccountMenu.tsx:

   • Added a check to not display the profile for non-logged-in users.

4. New files in src/search/preview/:

   • CallToAction.tsx: Displays information about the preview and a button to book a meeting.
   • LandingPageDetail.tsx: Shows detailed information about a landing page, including sample queries.
   • LandingPageList.tsx: Renders a list of landing pages.
   • LandingPageListEntry.tsx: Represents a single entry in the landing page list.
   • NoPreviewAvailable.tsx: Displays an error message when no preview is available.
   • SearchPreviewPage.tsx: The main component for the search preview page.
   • SearchPreviewResults.tsx: Renders the preview results, including the landing page list and summary panel.
   • SummaryPanel.tsx: Displays a summary of the campaign, including country and domain information.
   • data.ts: Contains data fetching logic and type definitions for the search preview feature.

5. src/user/views/user/search/LandingPageDetail.tsx:

   • Exported the SkeletonQueryList component for reuse.

6. src/user/views/user/search/LandingPageList.tsx and src/user/views/user/search/LandingPageListEntry.tsx:

   • Added an allowSelection prop to optionally disable the checkbox for selecting landing pages.

Possible Issues

• The new feature relies on external data fetching, which may introduce potential network-related issues or errors if the API endpoints are not properly set up or maintained.

Security Hotspots

1. The useLandingPageData and useKeywordData functions in data.ts make API calls to fetch data. Ensure that proper authentication and authorization mechanisms are in place to protect sensitive information.

This PR significantly enhances the functionality of the application by adding a comprehensive search ad preview feature. It appears to be well-structured and modular, with reusable components and clear separation of concerns.