updateEE

src/app/(router)/add/page.tsx

@@ -1,23 +1,9 @@
-import ExpenseForm from "@/app/_components/expense/expense-form";
-import Header from "@/components/header";
-
-import { Button } from "@/components/ui/button";
-import { api, HydrateClient } from "@/trpc/server";
-import { currentUser } from "@clerk/nextjs/server";
+import ExpensePage from "@/app/_components/expense/create-expense-page";
+import { api } from "@/trpc/server";
 import React from "react";
 
 export default async function Page() {
-  const user = await currentUser();
   const sessionUser = await api.user.getSessionUser();
 
-  return (
-    <HydrateClient>
-      <Header text="Add Expense">
-        <Button type="submit" form="expense-form" size={"sm"}>
-          Create Expense
-        </Button>
-      </Header>
-      <ExpenseForm hideSubmit sessionUser={sessionUser!} />
-    </HydrateClient>
-  );
+  return <ExpensePage sessionUser={sessionUser!} />;
 }