feat(campaigns): add Zeus campaign-creation CTA to campaigns header
This commit is contained in:
parent
802873c7fa
commit
f1dd3c67ce
1 changed files with 20 additions and 9 deletions
|
|
@ -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) => (
|
||||
|
|
|
|||
Loading…
Reference in a new issue