Function TracksEditor

apps/web/components/admin/TracksEditor.tsx:16–30

({ tracks }: { tracks: TrackCardProps[] })

}

export const TracksEditor = async ({ tracks }: { tracks: TrackCardProps[] }) => {
  const categories = await getAllCategories();
  return (
    <div className="grid grid-cols-2">
      <ScrollArea className="h-screen m-2">
        <div className="space-y-4">
          {tracks.map((track, i) => (
            <EditTrackCard key={i} Track={track} categories={categories} />
          ))}
        </div>
      </ScrollArea>
      <AddTrackCard categories={categories} />
    </div>
  );
};