tyler
4095c62011
- Reduce table cell padding (px-5 py-4 → px-3 py-2) across OrderTableBody, ProductTableBody, StopTableBody, AdminTable - Narrow sidebar (w-60 → w-56) with smaller nav items - Reduce page/card padding in admin-design-system.css - Smaller default buttons (md → sm) in AdminButton - Smaller page headers (text-2xl → text-xl, w-12 → w-10 icon) - Tighter cards and filter tabs Makes admin UI feel like professional B2B tool at 100% zoom
58 lines
1.4 KiB
TypeScript
58 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
type Stop = {
|
|
id: string;
|
|
city: string;
|
|
state: string;
|
|
date: string;
|
|
time: string;
|
|
location: string;
|
|
active: boolean;
|
|
brands: { name: string } | { name: string }[];
|
|
};
|
|
|
|
export default function StopTableBody({ stops }: { stops: Stop[] }) {
|
|
return (
|
|
<tbody className="divide-y divide-slate-200">
|
|
{stops?.map((stop) => (
|
|
<tr
|
|
key={stop.id}
|
|
onClick={() =>
|
|
(window.location.href = `/admin/stops/${stop.id}`)
|
|
}
|
|
className="cursor-pointer hover:bg-zinc-800"
|
|
>
|
|
<td className="px-3 py-2">
|
|
<span className="font-medium text-zinc-100">
|
|
{stop.city}, {stop.state}
|
|
</span>
|
|
</td>
|
|
|
|
<td className="px-3 py-2 text-zinc-300">
|
|
{stop.location}
|
|
</td>
|
|
|
|
<td className="px-3 py-2 text-zinc-300">
|
|
{stop.date}
|
|
</td>
|
|
|
|
<td className="px-3 py-2 text-zinc-300">
|
|
{stop.time}
|
|
</td>
|
|
|
|
<td className="px-3 py-2 text-zinc-300">
|
|
{Array.isArray(stop.brands)
|
|
? stop.brands[0]?.name
|
|
: stop.brands?.name}
|
|
</td>
|
|
|
|
<td className="px-3 py-2">
|
|
<span className="rounded-full bg-zinc-950 px-3 py-1 text-xs font-medium text-zinc-300">
|
|
{stop.active ? "Active" : "Inactive"}
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
);
|
|
} |