import NavItems from './NavItems';

const query = `{
  cptMenus {
    nodes {
      slug

      acfMenu {
        menu {
          primaryLinks {
            link {
              target
              title
              url
            }
          }
        }
      }
    }
  }
}`;

type Link = { target: string; title: string; url: string };
type MenuNode = { slug: string; acfMenu?: { menu: { primaryLinks: { link: Link }[] } } };
type MenuData = { data: { cptMenus: { nodes: MenuNode[] } } };

export default async function Nav() {
  try {
    const response = await fetch('https://cod.gwst13.com/graphql', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ query, next: { tags: ['nav'] } }),
    });

    const { data }: MenuData = await response.json();

    const menu = data.cptMenus.nodes.find((node) => node.slug === 'main-menu');

    if (!menu?.acfMenu?.menu.primaryLinks) return null;

    return <NavItems menu={menu.acfMenu.menu.primaryLinks} />;
  } catch (error) {
    console.error(error);

    return null;
  }
}

import { revalidateTag } from 'next/cache';
import { NextRequest } from 'next/server';

export async function POST(request: NextRequest) {
  const secret = request.nextUrl.searchParams.get('secret');
  const tag = request.nextUrl.searchParams.get('tag');

  if (secret !== 'ZEuvEH7PaVZSXCCEy271gbFiVSDrhsUx') {
    return Response.json({ message: 'Invalid secret' }, { status: 401 });
  }

  if (!tag) {
    return Response.json({ message: 'Missing tag param' }, { status: 400 });
  }

  revalidateTag(tag);

  return Response.json({ revalidated: true, now: Date.now() });
}