Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/Priyanshu471/ad-management/llms.txt

Use this file to discover all available pages before exploring further.

The Advertiser Media Library at /advertiser/library is a centralized asset browser for campaign media content. It renders a fixed grid of 10 sample assets organized into three category types — Images, Logo, and Videos — with filter buttons at the top and pagination controls at the bottom.

​
Features

Category Filter Buttons

Four buttons let you select an asset type: All categories, Images, Logo, and Videos. The buttons are rendered from a categories array alongside a hardcoded All categories button.

Paginated Grid

Assets are displayed in a responsive grid — 2 columns on mobile and 4 columns on desktop. The Pagination component at the bottom of the page handles page navigation. With contentPerPage set to 10 and a total of 10 items, the library renders as a single page.

​
How to Use the Media Library

1

Navigate to the Library

Open the Advertiser sidebar and click Media Library, or go directly to /advertiser/library.
2

Filter by Category

Click one of the category buttons at the top of the page to select an asset type:
  • All categories — The default view
  • Images — Image assets
  • Logo — Logo assets
  • Videos — Video assets
3

Browse the Asset Grid

Scroll through the grid of media items. Each item is rendered as a fixed-height image card with rounded corners and cover object-fit scaling.

​
Library Component Details

The library page is powered by the MultiMediaLibrary component located at components/Library/index.tsx.
  • Grid layout — Responsive CSS grid, 2 columns on small screens, 4 columns on large screens
  • Item rendering — Each asset is an Image component with layout="fill" and objectFit="cover", wrapped in a fixed-height rounded container
  • Item count — 10 items rendered from a static array ([...Array(10)])
  • Page size — contentPerPage is set to 10; totalPages equals 1
  • Pagination — The shared Pagination component is rendered beneath the grid
The MultiMediaLibrary component currently renders a static set of 10 placeholder images. Category filter buttons are present in the UI but filtering logic is not yet implemented — clicking a filter button does not change the displayed assets.

Build docs developers (and LLMs) love

Get started for freeTalk to us