import { prisma } from "@/lib/prisma";
import Link from "next/link";
import styles from "../../admin.module.css";
import AppForm from "../AppForm";

export const revalidate = 0;

export default async function NewAppPage() {
  const categories = await prisma.category.findMany({ orderBy: { order: "asc" } });

  return (
    <>
      <div className={styles.topBar}>
        <div className={styles.topBarLeft}>
          <Link href="/admin/apps" style={{ color: "#6366f1", fontSize: 13 }}>← Apps</Link>
          <span style={{ color: "#334155", margin: "0 8px" }}>/</span>
          <span className={styles.pageTitle}>Add New App</span>
        </div>
      </div>

      <div className={styles.pageBody}>
        <AppForm categories={categories} mode="new" />
      </div>
    </>
  );
}