#591 - database-users

2025-07-01 22:16:15 +00:00 · 2025-05-21 17:21:10 +02:00
parent 2850c1fa59
commit fe3317692b
41 changed files with 1050 additions and 409 deletions
--- a/resources/js/pages/database-users/index.tsx
+++ b/resources/js/pages/database-users/index.tsx
@ -0,0 +1,54 @@
+import { Head, usePage } from '@inertiajs/react';
+import { Server } from '@/types/server';
+import Container from '@/components/container';
+import HeaderContainer from '@/components/header-container';
+import Heading from '@/components/heading';
+import { Button } from '@/components/ui/button';
+import ServerLayout from '@/layouts/server/layout';
+import { DataTable } from '@/components/data-table';
+import React from 'react';
+import { BookOpenIcon, PlusIcon } from 'lucide-react';
+import CreateDatabaseUser from '@/pages/database-users/components/create-database-user';
+import SyncUsers from '@/pages/database-users/components/sync-users';
+import { DatabaseUser } from '@/types/database-user';
+import { columns } from '@/pages/database-users/components/columns';
+
+type Page = {
+  server: Server;
+  databaseUsers: {
+    data: DatabaseUser[];
+  };
+};
+
+export default function Databases() {
+  const page = usePage<Page>();
+
+  return (
+    <ServerLayout server={page.props.server}>
+      <Head title={`Database users - ${page.props.server.name}`} />
+
+      <Container className="max-w-5xl">
+        <HeaderContainer>
+          <Heading title="Database users" description="Here you can manage the databases" />
+          <div className="flex items-center gap-2">
+            <a href="https://vitodeploy.com/docs/servers/database" target="_blank">
+              <Button variant="outline">
+                <BookOpenIcon />
+                <span className="hidden lg:block">Docs</span>
+              </Button>
+            </a>
+            <SyncUsers server={page.props.server} />
+            <CreateDatabaseUser server={page.props.server}>
+              <Button>
+                <PlusIcon />
+                <span className="hidden lg:block">Create</span>
+              </Button>
+            </CreateDatabaseUser>
+          </div>
+        </HeaderContainer>
+
+        <DataTable columns={columns} data={page.props.databaseUsers.data} />
+      </Container>
+    </ServerLayout>
+  );
+}