35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import { MediaPageClient } from '@/client-wrapper/MediaPageClient';
|
|
|
|
export default async function MediaPage() {
|
|
// In a real app, we would fetch this data from an API or database
|
|
// For now, we'll provide some sample data to demonstrate the redesign
|
|
const assets = [
|
|
{ id: '1', src: '/media/avatar/driver-1', title: 'Driver Avatar 1', category: 'avatars', dimensions: '512x512' },
|
|
{ id: '2', src: '/media/teams/team-1/logo', title: 'Team Logo 1', category: 'teams', dimensions: '1024x1024' },
|
|
{ id: '3', src: '/media/leagues/league-1/logo', title: 'League Logo 1', category: 'leagues', dimensions: '1024x1024' },
|
|
{ id: '4', src: '/media/tracks/track-1/image', title: 'Track Image 1', category: 'tracks', dimensions: '1920x1080' },
|
|
{ id: '5', src: '/media/sponsors/sponsor-1/logo', title: 'Sponsor Logo 1', category: 'sponsors', dimensions: '800x400' },
|
|
];
|
|
|
|
const categories = [
|
|
{ label: 'All Assets', value: 'all' },
|
|
{ label: 'Avatars', value: 'avatars' },
|
|
{ label: 'Teams', value: 'teams' },
|
|
{ label: 'Leagues', value: 'leagues' },
|
|
{ label: 'Tracks', value: 'tracks' },
|
|
{ label: 'Sponsors', value: 'sponsors' },
|
|
];
|
|
|
|
return (
|
|
<MediaPageClient
|
|
viewData={{
|
|
assets,
|
|
categories,
|
|
title: 'Media Library',
|
|
description: 'Manage all your racing assets'
|
|
}}
|
|
/>
|
|
);
|
|
}
|