import { db } from "@/db"
import { files } from "@/db/schema"
import { FileList } from "@/components/file-list"

export default async function IndexPage() {
  const allFiles = await db.select().from(files)

  return (
    <section className="container grid items-center gap-6 pb-8 pt-6 md:py-10">
      <div className="flex max-w-[980px] flex-col items-start gap-2">
        <h1 className="text-3xl font-extrabold leading-tight tracking-tighter md:text-4xl">
          This page allows for the downloading of files{" "}
          <br className="hidden sm:inline" />
          for Snoc.
        </h1>
        <p className="max-w-[700px] text-lg text-muted-foreground">
          Press button, download stuff.
        </p>
        <p className="max-w-[700px] text-lg text-muted-foreground"></p>
      </div>
     <FileList allFiles={allFiles} />
    </section>
  )
}

import { db } from "@/db"
import { files } from "@/db/schema"
import { FileList } from "@/components/file-list"

export default async function IndexPage() {
  const allFiles = await db.select().from(files)

  return (
    <section className="container grid items-center gap-6 pb-8 pt-6 md:py-10">
      <div className="flex max-w-[980px] flex-col items-start gap-2">
        <h1 className="text-3xl font-extrabold leading-tight tracking-tighter md:text-4xl">
          This page allows for the downloading of files{" "}
          <br className="hidden sm:inline" />
          for Snoc.
        </h1>
        <p className="max-w-[700px] text-lg text-muted-foreground">
          Press button, download stuff.
        </p>
        <p className="max-w-[700px] text-lg text-muted-foreground"></p>
      </div>
     <FileList allFiles={allFiles} />
    </section>
  )
}