kofi-stack-template-generator 2.1.37 → 2.1.39

package/templates/integrations/posthog/src/components/providers/posthog-provider.tsx.hbs

@@ -6,7 +6,10 @@ import { useEffect } from 'react'
 
 export function PostHogProvider({ children }: { children: React.ReactNode }) {
   useEffect(() => {
-    posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
+    const key = process.env.NEXT_PUBLIC_POSTHOG_KEY
+    if (!key) return
+
+    posthog.init(key, {
       api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST || 'https://app.posthog.com',
       person_profiles: 'identified_only',
       capture_pageview: false, // We capture pageviews manually

package/templates/marketing/payload/package.json.hbs

@@ -2,51 +2,66 @@
   "name": "@repo/marketing",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "scripts": {
-    "dev": "next dev --port 3000",
-    "build": "next build",
-    "start": "next start",
+    "build": "cross-env NODE_OPTIONS=--no-deprecation payload generate:importmap && next build",
+    "dev": "cross-env NODE_OPTIONS=--no-deprecation next dev --port 3000",
+    "generate:importmap": "cross-env NODE_OPTIONS=--no-deprecation payload generate:importmap",
+    "generate:types": "cross-env NODE_OPTIONS=--no-deprecation payload generate:types",
     "lint": "biome check .",
     "lint:fix": "biome check --write .",
+    "payload": "cross-env NODE_OPTIONS=--no-deprecation payload",
+    "start": "cross-env NODE_OPTIONS=--no-deprecation next start",
     "typecheck": "tsc --noEmit",
     "db:push": "payload migrate",
     "db:seed": "tsx src/seed.ts"
   },
   "dependencies": {
-    "next": "^15.4.10",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "payload": "^3.70.0",
+    "@payloadcms/admin-bar": "^3.0.0",
     "@payloadcms/db-postgres": "^3.0.0",
-    "@payloadcms/next": "^3.0.0",
-    "@payloadcms/richtext-lexical": "^3.0.0",
     "@payloadcms/email-resend": "^3.0.0",
+    "@payloadcms/live-preview-react": "^3.0.0",
+    "@payloadcms/next": "^3.0.0",
+    "@payloadcms/plugin-form-builder": "^3.0.0",
+    "@payloadcms/plugin-nested-docs": "^3.0.0",
+    "@payloadcms/plugin-redirects": "^3.0.0",
+    "@payloadcms/plugin-search": "^3.0.0",
     "@payloadcms/plugin-seo": "^3.0.0",
-{{#if (eq integrations.payloadStorage 's3')}}
-    "@payloadcms/storage-s3": "^3.0.0",
-{{/if}}
-{{#if (eq integrations.payloadStorage 'r2')}}
-    "@payloadcms/storage-s3": "^3.0.0",
-{{/if}}
-{{#if (eq integrations.payloadStorage 'vercel-blob')}}
+    "@payloadcms/richtext-lexical": "^3.0.0",
     "@payloadcms/storage-vercel-blob": "^3.0.0",
-{{/if}}
-{{#if (eq integrations.payloadStorage 'gcs')}}
-    "@payloadcms/storage-gcs": "^3.0.0",
-{{/if}}
-    "sharp": "^0.33.0",
-    "@repo/ui": "workspace:*"
+    "@payloadcms/ui": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@repo/ui": "workspace:*",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cross-env": "^7.0.3",
+    "lucide-react": "^0.562.0",
+    "next": "^15.4.10",
+    "payload": "^3.70.0",
+    "posthog-js": "^1.200.0",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.71.1",
+    "sharp": "^0.34.0",
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
     "@repo/config-typescript": "workspace:*",
+    "@tailwindcss/postcss": "^4.0.0",
+    "@tailwindcss/typography": "^0.5.19",
     "@types/node": "^20.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "tailwindcss": "^4.0.0",
-    "@tailwindcss/postcss": "^4.0.0",
     "postcss": "^8.4.0",
     "sass": "^1.86.0",
-    "typescript": "^5.0.0",
-    "tsx": "^4.0.0"
+    "tailwindcss": "^4.0.0",
+    "tsx": "^4.0.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.0.0"
   }
 }

package/templates/marketing/payload/src/Footer/Component.client.tsx

@@ -0,0 +1,288 @@
+"use client"
+
+import Link from "next/link"
+import type React from "react"
+import { useState } from "react"
+
+import type { Footer, Page, Post } from "@/payload-types"
+
+import { Logo } from "@/components/Logo/Logo"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { ThemeSelector } from "@/providers/Theme/ThemeSelector"
+import { cn } from "@/utilities/ui"
+
+interface FooterClientProps {
+	data: Footer
+}
+
+// Social icons as inline SVGs for flexibility
+const SocialIcons = {
+	twitter: (
+		<svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+			<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+		</svg>
+	),
+	instagram: (
+		<svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+			<path
+				fillRule="evenodd"
+				d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
+				clipRule="evenodd"
+			/>
+		</svg>
+	),
+	linkedin: (
+		<svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+			<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
+		</svg>
+	),
+	github: (
+		<svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+			<path
+				fillRule="evenodd"
+				d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+				clipRule="evenodd"
+			/>
+		</svg>
+	),
+	youtube: (
+		<svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+			<path
+				fillRule="evenodd"
+				d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
+				clipRule="evenodd"
+			/>
+		</svg>
+	),
+}
+
+// Helper function to get URL from link
+function getLinkUrl(link: {
+	type?: ("reference" | "custom") | null
+	reference?:
+		| { relationTo: "pages"; value: number | Page }
+		| { relationTo: "posts"; value: number | Post }
+		| null
+	url?: string | null
+}): string {
+	if (link.type === "reference" && link.reference) {
+		const value = link.reference.value
+		if (typeof value === "object" && "slug" in value) {
+			const prefix = link.reference.relationTo === "posts" ? "/posts" : ""
+			return `${prefix}/${value.slug}`
+		}
+	}
+	return link.url || "#"
+}
+
+export const FooterClient: React.FC<FooterClientProps> = ({ data }) => {
+	const currentYear = new Date().getFullYear()
+	const [email, setEmail] = useState("")
+	const [isSubmitting, setIsSubmitting] = useState(false)
+	const [message, setMessage] = useState<{ type: "success" | "error"; text: string } | null>(null)
+
+	const { columns, socialLinks, newsletter, copyrightText, bottomLinks } = data
+
+	const handleNewsletterSubmit = async (e: React.FormEvent) => {
+		e.preventDefault()
+		if (!email || isSubmitting) return
+
+		setIsSubmitting(true)
+		setMessage(null)
+
+		try {
+			const response = await fetch("/api/newsletter", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ email }),
+			})
+
+			const result = await response.json()
+
+			if (result.success) {
+				setMessage({ type: "success", text: result.message })
+				setEmail("")
+			} else {
+				setMessage({ type: "error", text: result.message })
+			}
+		} catch {
+			setMessage({ type: "error", text: "Something went wrong. Please try again." })
+		} finally {
+			setIsSubmitting(false)
+		}
+	}
+
+	// Check if any social links are configured
+	const hasSocialLinks =
+		socialLinks?.twitter ||
+		socialLinks?.instagram ||
+		socialLinks?.linkedin ||
+		socialLinks?.github ||
+		socialLinks?.youtube
+
+	return (
+		<footer className="mt-auto border-t border-border bg-background">
+			{/* Main Footer Content */}
+			<div className="container mx-auto px-4 py-12 lg:py-16">
+				<div className="grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-6">
+					{/* Link Columns */}
+					{columns?.map((column) => (
+						<div key={column.id || column.title} className="col-span-1">
+							<h3 className="mb-4 text-sm font-medium text-foreground">{column.title}</h3>
+							<ul className="space-y-3">
+								{column.links?.map((linkItem) => (
+									<li key={linkItem.id || linkItem.link.label}>
+										<Link
+											href={getLinkUrl(linkItem.link)}
+											className="text-sm text-muted-foreground transition-colors hover:text-foreground"
+											{...(linkItem.link.newTab
+												? { target: "_blank", rel: "noopener noreferrer" }
+												: {})}
+										>
+											{linkItem.link.label}
+										</Link>
+									</li>
+								))}
+							</ul>
+						</div>
+					))}
+
+					{/* Newsletter Column */}
+					{newsletter?.enabled && (
+						<div className="col-span-2 md:col-span-3 lg:col-span-2">
+							<h3 className="mb-4 text-sm font-medium text-foreground">
+								{newsletter.title || "Newsletter"}
+							</h3>
+							<p className="mb-4 text-sm text-muted-foreground">
+								{newsletter.description || "Stay up to date with the latest updates."}
+							</p>
+							<form
+								onSubmit={handleNewsletterSubmit}
+								className="space-y-3"
+								suppressHydrationWarning
+							>
+								<div className="flex gap-2">
+									<Input
+										type="email"
+										placeholder={newsletter.placeholder || "Enter your email"}
+										value={email}
+										onChange={(e) => setEmail(e.target.value)}
+										className="flex-1"
+										disabled={isSubmitting}
+										required
+										suppressHydrationWarning
+									/>
+									<Button type="submit" disabled={isSubmitting} suppressHydrationWarning>
+										{isSubmitting ? "..." : newsletter.buttonText || "Subscribe"}
+									</Button>
+								</div>
+								{message && (
+									<p
+										className={cn(
+											"text-sm",
+											message.type === "success" ? "text-green-600" : "text-red-600",
+										)}
+									>
+										{message.text}
+									</p>
+								)}
+							</form>
+						</div>
+					)}
+				</div>
+
+				{/* Social Links */}
+				{hasSocialLinks && (
+					<div className="mt-10 flex items-center gap-4 border-t border-border pt-8">
+						{socialLinks?.twitter && (
+							<a
+								href={socialLinks.twitter}
+								target="_blank"
+								rel="noopener noreferrer"
+								className="text-muted-foreground transition-colors hover:text-foreground"
+								aria-label="X (Twitter)"
+							>
+								{SocialIcons.twitter}
+							</a>
+						)}
+						{socialLinks?.instagram && (
+							<a
+								href={socialLinks.instagram}
+								target="_blank"
+								rel="noopener noreferrer"
+								className="text-muted-foreground transition-colors hover:text-foreground"
+								aria-label="Instagram"
+							>
+								{SocialIcons.instagram}
+							</a>
+						)}
+						{socialLinks?.linkedin && (
+							<a
+								href={socialLinks.linkedin}
+								target="_blank"
+								rel="noopener noreferrer"
+								className="text-muted-foreground transition-colors hover:text-foreground"
+								aria-label="LinkedIn"
+							>
+								{SocialIcons.linkedin}
+							</a>
+						)}
+						{socialLinks?.github && (
+							<a
+								href={socialLinks.github}
+								target="_blank"
+								rel="noopener noreferrer"
+								className="text-muted-foreground transition-colors hover:text-foreground"
+								aria-label="GitHub"
+							>
+								{SocialIcons.github}
+							</a>
+						)}
+						{socialLinks?.youtube && (
+							<a
+								href={socialLinks.youtube}
+								target="_blank"
+								rel="noopener noreferrer"
+								className="text-muted-foreground transition-colors hover:text-foreground"
+								aria-label="YouTube"
+							>
+								{SocialIcons.youtube}
+							</a>
+						)}
+					</div>
+				)}
+			</div>
+
+			{/* Bottom Bar */}
+			<div className="border-t border-border">
+				<div className="container mx-auto flex flex-col items-center justify-between gap-4 px-4 py-6 sm:flex-row">
+					{/* Logo and Copyright */}
+					<div className="flex items-center gap-4">
+						<Link href="/" className="flex items-center">
+							<Logo variant="auto" className="h-6 w-6" />
+						</Link>
+						<p className="text-sm text-muted-foreground">
+							© {currentYear} {copyrightText || "DirectoryHub"}
+						</p>
+					</div>
+
+					{/* Bottom Links and Theme Selector */}
+					<div className="flex items-center gap-6">
+						{bottomLinks?.map((linkItem) => (
+							<Link
+								key={linkItem.id || linkItem.link.label}
+								href={getLinkUrl(linkItem.link)}
+								className="text-sm text-muted-foreground transition-colors hover:text-foreground"
+								{...(linkItem.link.newTab ? { target: "_blank", rel: "noopener noreferrer" } : {})}
+							>
+								{linkItem.link.label}
+							</Link>
+						))}
+						<ThemeSelector />
+					</div>
+				</div>
+			</div>
+		</footer>
+	)
+}

package/templates/marketing/payload/src/Footer/Component.tsx

@@ -0,0 +1,11 @@
+import { getCachedGlobal } from "@/utilities/getGlobals"
+
+import type { Footer as FooterType } from "@/payload-types"
+
+import { FooterClient } from "./Component.client"
+
+export async function Footer() {
+	const footerData: FooterType = await getCachedGlobal("footer", 1)()
+
+	return <FooterClient data={footerData} />
+}

package/templates/marketing/payload/src/Footer/RowLabel.tsx

@@ -0,0 +1,15 @@
+"use client"
+import type { Footer } from "@/payload-types"
+import { type RowLabelProps, useRowLabel } from "@payloadcms/ui"
+
+type FooterLink = NonNullable<NonNullable<Footer["columns"]>[number]["links"]>[number]
+
+export const RowLabel: React.FC<RowLabelProps> = () => {
+	const data = useRowLabel<FooterLink>()
+
+	const label = data?.data?.link?.label
+		? `Link ${data.rowNumber !== undefined ? data.rowNumber + 1 : ""}: ${data?.data?.link?.label}`
+		: "Row"
+
+	return <div>{label}</div>
+}

package/templates/marketing/payload/src/Footer/config.ts

@@ -0,0 +1,178 @@
+import type { GlobalConfig } from "payload"
+
+import { link } from "@/fields/link"
+import { revalidateFooter } from "./hooks/revalidateFooter"
+
+export const Footer: GlobalConfig = {
+	slug: "footer",
+	access: {
+		read: () => true,
+	},
+	fields: [
+		// Link Columns - organized groups of links
+		{
+			name: "columns",
+			type: "array",
+			label: "Link Columns",
+			maxRows: 5,
+			admin: {
+				initCollapsed: true,
+				description: "Add columns of links (e.g., Solutions, Resources, Company)",
+			},
+			fields: [
+				{
+					name: "title",
+					type: "text",
+					required: true,
+					label: "Column Title",
+				},
+				{
+					name: "links",
+					type: "array",
+					label: "Links",
+					maxRows: 10,
+					fields: [
+						link({
+							appearances: false,
+						}),
+					],
+					admin: {
+						initCollapsed: true,
+					},
+				},
+			],
+		},
+		// Social Links
+		{
+			name: "socialLinks",
+			type: "group",
+			label: "Social Links",
+			admin: {
+				description: "Add your social media profile URLs",
+			},
+			fields: [
+				{
+					name: "twitter",
+					type: "text",
+					label: "X (Twitter)",
+					admin: {
+						placeholder: "https://x.com/yourhandle",
+					},
+				},
+				{
+					name: "instagram",
+					type: "text",
+					label: "Instagram",
+					admin: {
+						placeholder: "https://instagram.com/yourhandle",
+					},
+				},
+				{
+					name: "linkedin",
+					type: "text",
+					label: "LinkedIn",
+					admin: {
+						placeholder: "https://linkedin.com/company/yourcompany",
+					},
+				},
+				{
+					name: "github",
+					type: "text",
+					label: "GitHub",
+					admin: {
+						placeholder: "https://github.com/yourorg",
+					},
+				},
+				{
+					name: "youtube",
+					type: "text",
+					label: "YouTube",
+					admin: {
+						placeholder: "https://youtube.com/@yourchannel",
+					},
+				},
+			],
+		},
+		// Newsletter Section
+		{
+			name: "newsletter",
+			type: "group",
+			label: "Newsletter",
+			admin: {
+				description: "Configure the newsletter signup section",
+			},
+			fields: [
+				{
+					name: "enabled",
+					type: "checkbox",
+					label: "Enable Newsletter Signup",
+					defaultValue: true,
+				},
+				{
+					name: "title",
+					type: "text",
+					label: "Title",
+					defaultValue: "Newsletter",
+					admin: {
+						condition: (_, siblingData) => siblingData?.enabled,
+					},
+				},
+				{
+					name: "description",
+					type: "textarea",
+					label: "Description",
+					defaultValue: "Stay up to date with the latest updates and news.",
+					admin: {
+						condition: (_, siblingData) => siblingData?.enabled,
+					},
+				},
+				{
+					name: "buttonText",
+					type: "text",
+					label: "Button Text",
+					defaultValue: "Subscribe",
+					admin: {
+						condition: (_, siblingData) => siblingData?.enabled,
+					},
+				},
+				{
+					name: "placeholder",
+					type: "text",
+					label: "Email Placeholder",
+					defaultValue: "Enter your email",
+					admin: {
+						condition: (_, siblingData) => siblingData?.enabled,
+					},
+				},
+			],
+		},
+		// Copyright and Bottom Bar
+		{
+			name: "copyrightText",
+			type: "text",
+			label: "Copyright Text",
+			defaultValue: "DirectoryHub",
+			admin: {
+				description: "Company name for copyright (year is added automatically)",
+			},
+		},
+		{
+			name: "bottomLinks",
+			type: "array",
+			label: "Bottom Bar Links",
+			maxRows: 4,
+			admin: {
+				description: "Links shown in the bottom bar (e.g., Contact Support, Privacy Policy)",
+				initCollapsed: true,
+			},
+			fields: [
+				link({
+					appearances: false,
+				}),
+			],
+		},
+	],
+	hooks: {
+		afterChange: [revalidateFooter],
+	},
+}

package/templates/marketing/payload/src/Footer/hooks/{revalidateFooter.ts.hbs → revalidateFooter.ts}

@@ -3,11 +3,11 @@ import type { GlobalAfterChangeHook } from "payload"
 import { revalidateTag } from "next/cache"
 
 export const revalidateFooter: GlobalAfterChangeHook = ({ doc, req: { payload, context } }) => {
-  if (!context.disableRevalidate) {
-    payload.logger.info("Revalidating footer")
+	if (!context.disableRevalidate) {
+		payload.logger.info("Revalidating footer")
 
-    revalidateTag("global_footer")
-  }
+		revalidateTag("global_footer")
+	}
 
-  return doc
+	return doc
 }