projects

resources/js/pages/servers/components/actions.tsx

@@ -2,11 +2,11 @@ import { Server } from '@/types/server';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
 import { Button } from '@/components/ui/button';
 import { MoreVerticalIcon } from 'lucide-react';
-import DeleteServer from '@/pages/servers/partials/delete-server';
+import DeleteServer from '@/pages/servers/components/delete-server';
 
 export default function ServerActions({ server }: { server: Server }) {
   return (
-    <DropdownMenu>
+    <DropdownMenu modal={false}>
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" className="h-8 w-8 p-0">
           <span className="sr-only">Open menu</span>

resources/js/pages/servers/components/columns.tsx

@@ -5,7 +5,7 @@ import { Server } from '@/types/server';
 import { Link } from '@inertiajs/react';
 import { Button } from '@/components/ui/button';
 import { EyeIcon } from 'lucide-react';
-import ServerStatus from '@/pages/servers/partials/status';
+import ServerStatus from '@/pages/servers/components/status';
 
 export const columns: ColumnDef<Server>[] = [
   {

resources/js/pages/servers/components/create-server.tsx

@@ -9,7 +9,7 @@ import InputError from '@/components/ui/input-error';
 import { Input } from '@/components/ui/input';
 import { Alert, AlertDescription } from '@/components/ui/alert';
 import { ServerProvider } from '@/types/server-provider';
-import CreateServerProvider from '@/pages/server-providers/partials/create-server-provider';
+import CreateServerProvider from '@/pages/server-providers/components/create-server-provider';
 import axios from 'axios';
 import { Form, FormField, FormFields } from '@/components/ui/form';
 import type { SharedData } from '@/types';

resources/js/pages/servers/components/header.tsx

@@ -1,8 +1,8 @@
 import { Server } from '@/types/server';
 import { CloudIcon, IdCardIcon, LoaderCircleIcon, MapPinIcon, SlashIcon } from 'lucide-react';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
-import ServerStatus from '@/pages/servers/partials/status';
-import ServerActions from '@/pages/servers/partials/actions';
+import ServerStatus from '@/pages/servers/components/status';
+import ServerActions from '@/pages/servers/components/actions';
 import { cn } from '@/lib/utils';
 
 export default function ServerHeader({ server }: { server: Server }) {

resources/js/pages/servers/index.tsx

@@ -3,12 +3,11 @@ import { Head, usePage } from '@inertiajs/react';
 import { type Configs } from '@/types';
 
 import { DataTable } from '@/components/data-table';
-import { columns } from '@/pages/servers/partials/columns';
+import { columns } from '@/pages/servers/components/columns';
 import { Server } from '@/types/server';
 import Heading from '@/components/heading';
-import CreateServer from '@/pages/servers/partials/create-server';
+import CreateServer from '@/pages/servers/components/create-server';
 import Container from '@/components/container';
-import { PlusIcon } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import React from 'react';
 import Layout from '@/layouts/app/layout';
@@ -29,12 +28,10 @@ export default function Servers() {
 
       <Container className="max-w-5xl">
         <div className="flex items-start justify-between">
-          <Heading title="Servers" />
+          <Heading title="Servers" description="All of the servers of your project listed here" />
           <div className="flex items-center gap-2">
             <CreateServer>
-              <Button variant="outline">
-                <PlusIcon /> Create new server
-              </Button>
+              <Button variant="outline">Create server</Button>
             </CreateServer>
           </div>
         </div>

resources/js/pages/servers/installing.tsx

@@ -2,7 +2,7 @@ import type { Server } from '@/types/server';
 import type { ServerLog } from '@/types/server-log';
 import Container from '@/components/container';
 import { DataTable } from '@/components/data-table';
-import { columns } from '@/pages/server-logs/partials/columns';
+import { columns } from '@/pages/server-logs/components/columns';
 import { usePage } from '@inertiajs/react';
 
 export default function InstallingServer() {

resources/js/pages/servers/overview.tsx

@@ -1,9 +1,10 @@
 import type { Server } from '@/types/server';
 import type { ServerLog } from '@/types/server-log';
 import { DataTable } from '@/components/data-table';
-import { columns } from '@/pages/server-logs/partials/columns';
+import { columns } from '@/pages/server-logs/components/columns';
 import { usePage } from '@inertiajs/react';
 import Container from '@/components/container';
+import Heading from '@/components/heading';
 
 export default function ServerOverview() {
   const page = usePage<{
@@ -15,6 +16,7 @@ export default function ServerOverview() {
 
   return (
     <Container className="max-w-3xl">
+      <Heading title="Overview" description="Here you can see an overview of your server" />
       <DataTable columns={columns} data={page.props.logs.data} />
     </Container>
   );