src/app/[lang]/(dashboard)/(private)/apps/purchase/purchase-bills/add/page.tsx

@@ -0,0 +1,19 @@
+import Grid from '@mui/material/Grid2'
+
+import PurchaseAddForm from '@/views/apps/purchase/purchase-form/PurchaseAddForm'
+import PurchaseBillAddHeader from '@/views/apps/purchase/purchase-bills/add/PurchaseBillAddHeader'
+
+const PurchaseBillAddPage = () => {
+  return (
+    <Grid container spacing={6}>
+      <Grid size={{ xs: 12 }}>
+        <PurchaseBillAddHeader />
+      </Grid>
+      <Grid size={{ xs: 12 }}>
+        <PurchaseAddForm />
+      </Grid>
+    </Grid>
+  )
+}
+
+export default PurchaseBillAddPage

src/views/apps/purchase/purchase-bills/add/PurchaseBillAddHeader.tsx

@@ -0,0 +1,19 @@
+'use client'
+
+// MUI Imports
+import Button from '@mui/material/Button'
+import Typography from '@mui/material/Typography'
+
+const PurchaseBillAddHeader = () => {
+  return (
+    <div className='flex flex-wrap sm:items-center justify-between max-sm:flex-col gap-6'>
+      <div>
+        <Typography variant='h4' className='mbe-1'>
+          Tambah Tagihan Pembelian
+        </Typography>
+      </div>
+    </div>
+  )
+}
+
+export default PurchaseBillAddHeader

src/views/apps/purchase/purchase-bills/list/PurchaseBillListTable.tsx

@@ -377,7 +377,7 @@ const PurchaseBillListTable = () => {
               component={Link}
               className='max-sm:is-full is-auto'
               startIcon={<i className='tabler-plus' />}
-              href={getLocalizedUrl('/apps/purchase/bills/add', locale as Locale)}
+              href={getLocalizedUrl('/apps/purchase/purchase-bills/add', locale as Locale)}
             >
               Tambah
             </Button>