1
0
Fork 0

feat(campaigns): add Zeus campaign-creation CTA to campaigns header

This commit is contained in:
Jason Fraley 2026-08-25 13:27:48 -04:00
parent 802873c7fa
commit f1dd3c67ce

View file

@ -3,6 +3,7 @@ import { getPayload } from "payload";
import { ShieldIcon } from "lucide-react";
import { CampaignCard } from "@/components/frontend/intelligence/CampaignCard";
import type { Media } from "@/payload-types";
import { Button } from "@/components/ui/button";
export const metadata = {
title: "Campaigns — Polaris Task Force",
@ -71,17 +72,27 @@ export default async function CampaignsPage() {
return (
<div className="p-5 flex flex-col gap-6">
<div className="flex flex-col gap-1">
<div className="flex items-center gap-2">
<ShieldIcon className="size-5 text-muted-foreground" />
<h1 className="text-lg font-semibold">Campaigns</h1>
<div className="flex flex-row justify-between gap-2">
<div className="flex flex-col gap-1">
<div className="flex items-center gap-2">
<ShieldIcon className="size-5 text-muted-foreground" />
<h1 className="text-lg font-semibold">Campaigns</h1>
</div>
<p className="text-sm text-muted-foreground">
{campaigns.length} campaign{campaigns.length !== 1 ? "s" : ""} across all theaters of
operation.
</p>
</div>
<p className="text-sm text-muted-foreground">
{campaigns.length} campaign{campaigns.length !== 1 ? "s" : ""} across all theaters of
operation.
</p>
</div>
<div className="flex flex-col gap-1 justify-end text-center max-w-3xs">
<p className="text-sm text-muted-foreground">
Are you a Zeus and want to start your own campaign?
</p>
<Button variant="outline" size="sm">
Create your own campaign!
</Button>
</div>
</div>
{sorted.length > 0 ? (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
{campaignsWithStats.map((campaign) => (