jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

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

Browse source
This commit is contained in:
Jason Fraley 2026-08-25 13:27:48 -04:00
parent 802873c7fa
commit f1dd3c67ce
1 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/app/(frontend)/intelligence/campaigns/page.tsx
View file

@ -3,6 +3,7 @@ import { getPayload } from "payload";
import { ShieldIcon } from "lucide-react"; import { ShieldIcon } from "lucide-react";
import { CampaignCard } from "@/components/frontend/intelligence/CampaignCard"; import { CampaignCard } from "@/components/frontend/intelligence/CampaignCard";
import type { Media } from "@/payload-types"; import type { Media } from "@/payload-types";
import { Button } from "@/components/ui/button";
export const metadata = { export const metadata = {
title: "Campaigns — Polaris Task Force", title: "Campaigns — Polaris Task Force",
@ -71,17 +72,27 @@ export default async function CampaignsPage() {
return ( return (
<div className="p-5 flex flex-col gap-6"> <div className="p-5 flex flex-col gap-6">
<div className="flex flex-col gap-1"> <div className="flex flex-row justify-between gap-2">
<div className="flex items-center gap-2"> <div className="flex flex-col gap-1">
<ShieldIcon className="size-5 text-muted-foreground" /> <div className="flex items-center gap-2">
<h1 className="text-lg font-semibold">Campaigns</h1> <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> </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 ? ( {sorted.length > 0 ? (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
{campaignsWithStats.map((campaign) => ( {campaignsWithStats.map((campaign) => (