Fixed prettier formatting

Author: tobimadehin

resources/js/components/app-sidebar.tsx

@@ -2,7 +2,17 @@ import { NavFooter } from '@/components/nav-footer';
 import { NavMain } from '@/components/nav-main';
 import { NavUser } from '@/components/nav-user';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
-import { console, deploymentsIndex, imagesIndex, logs, projectsIndex, remotesIndex, specsIndex, notificationsIndex, resourceManagerIndex } from '@/routes';
+import {
+    console,
+    deploymentsIndex,
+    imagesIndex,
+    logs,
+    notificationsIndex,
+    projectsIndex,
+    remotesIndex,
+    resourceManagerIndex,
+    specsIndex,
+} from '@/routes';
 import { type NavItem } from '@/types';
 import { Link } from '@inertiajs/react';
 import {

resources/js/components/image-add-dialog.tsx

@@ -1,11 +1,10 @@
 import { Button } from '@/components/ui/button';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { useRemotes } from '@/hooks/use-remotes';
 import { Form } from '@inertiajs/react';
-import { ChevronDown, Loader2 } from 'lucide-react';
+import { Loader2 } from 'lucide-react';
 
 interface Props {
     open: boolean;

resources/js/components/image-card.tsx

@@ -2,7 +2,7 @@ import type { DockerImage } from '@/types';
 import { Link } from '@inertiajs/react';
 
 interface Props {
-    image: DockerImage
+    image: DockerImage;
 }
 
 export default function ImageCard({ image }: Props) {
@@ -13,9 +13,7 @@ export default function ImageCard({ image }: Props) {
         >
             <div className="mb-2 flex gap-2">
                 <div className="min-w-0 flex-1">
-                    <p className="truncate">
-                        {image.name}
-                    </p>
+                    <p className="truncate">{image.name}</p>
                 </div>
             </div>
         </Link>

resources/js/components/spec-card.tsx

@@ -2,20 +2,18 @@ import type { Blueprint } from '@/types';
 import { Link } from '@inertiajs/react';
 
 interface Props {
-    blueprint?: Blueprint
+    blueprint?: Blueprint;
 }
 
-export default function SpecCard({ blueprint }: Props ) {
+export default function SpecCard({ blueprint }: Props) {
     return (
         <Link
             href={`/projects/${blueprint?.id}`}
             className="flex h-28 flex-col rounded-xl border border-sidebar-border/70 p-4 no-underline hover:cursor-pointer hover:border-muted-foreground dark:border-sidebar-border dark:hover:border-muted-foreground"
         >
             <div className="mb-2 flex gap-2">
                 <div className="min-w-0 flex-1">
-                    <p className="truncate">
-                        {blueprint?.config.name}
-                    </p>
+                    <p className="truncate">{blueprint?.config.name}</p>
                 </div>
             </div>
         </Link>

resources/js/hooks/use-deployments.ts

@@ -11,18 +11,15 @@ export function useDeployments() {
     const { data: deployments, isLoading } = useQuery<Blueprint[]>({
         queryKey: ['deployments', spec],
         queryFn: async () => {
-            try {                
+            try {
                 const response = await axios.get('/deployments/fetch', {
-                    params: Object.fromEntries(params)
+                    params: Object.fromEntries(params),
                 });
                 return response.data;
-            } catch (error) {
-                
-            }
+            } catch (error) {}
         },
         staleTime: 5 * 60 * 1000,
     });
-    
 
     const { remotes } = useRemotes();
     const remotesData = remotes || [];

resources/js/hooks/use-images.ts

@@ -10,14 +10,13 @@ export function useImages(setOpen?: (open: boolean) => void) {
     const [imageRegistry, setImageRegistry] = useState('');
     const queryClient = useQueryClient();
 
-    const formSchema = z
-        .object({
-            image_registry: z
-                .string()
-                .min(1, 'Domain is required')
-                .regex(/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/, 'Please enter a valid docker image registry'),
-            branch: z.string().optional(),
-        })
+    const formSchema = z.object({
+        image_registry: z
+            .string()
+            .min(1, 'Domain is required')
+            .regex(/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/, 'Please enter a valid docker image registry'),
+        branch: z.string().optional(),
+    });
 
     const validateForm = () => {
         const result = formSchema.safeParse({

resources/js/pages/deployments/index.tsx

@@ -10,10 +10,9 @@ import { useRemotes } from '@/hooks/use-remotes';
 import AppLayout from '@/layouts/app-layout';
 import { getRuntimeIcon } from '@/lib/runtime-icon';
 import { deploymentsIndex, deploymentsShow, servicesIndex } from '@/routes';
-import type { BreadcrumbItem, Service } from '@/types';
+import type { BreadcrumbItem } from '@/types';
 import { Head, Link, router } from '@inertiajs/react';
 import { ArrowUpRightIcon, ChevronLeft, ChevronRight, Factory } from 'lucide-react';
-import { useMemo, useState } from 'react';
 import { FaGitlab } from 'react-icons/fa6';
 import { RxGithubLogo } from 'react-icons/rx';
 import TimeAgo from 'react-timeago';
@@ -30,12 +29,12 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
 ];
 export default function Deployments() {
-    const { 
-        deployments, 
-        isLoading: isDeploymentsLoading, 
-        normalizedDeployments, 
+    const {
+        deployments,
+        isLoading: isDeploymentsLoading,
+        normalizedDeployments,
         currentPage,
-        totalPages, 
+        totalPages,
         startIndex,
         endIndex,
         goToPage,

resources/js/pages/resources/images.tsx

@@ -1,4 +1,5 @@
 import ImageAddDialog from '@/components/image-add-dialog';
+import ImageCard from '@/components/image-card';
 import { Skeleton } from '@/components/ui/skeleton';
 import { useImages } from '@/hooks/use-images';
 import AppLayout from '@/layouts/app-layout';
@@ -7,7 +8,6 @@ import type { BreadcrumbItem, DockerImage } from '@/types';
 import { Head } from '@inertiajs/react';
 import { PlusCircle } from 'lucide-react';
 import { useState } from 'react';
-import ImageCard from '@/components/image-card';
 
 const breadcrumbs: BreadcrumbItem[] = [
     {
@@ -49,10 +49,7 @@ export default function Image() {
                         ) : (
                             <>
                                 {images?.map((image: DockerImage) => (
-                                    <ImageCard
-                                        key={image.id}
-                                        image={image}                                  
-                                    />
+                                    <ImageCard key={image.id} image={image} />
                                 ))}
                             </>
                         )}

resources/js/pages/resources/remotes.tsx

@@ -50,10 +50,7 @@ export default function Remotes() {
                         ) : (
                             <>
                                 {remotes?.map((remote: Remote) => (
-                                    <RemoteCard
-                                        key={remote.id}
-                                        remote={remote}
-                                    />
+                                    <RemoteCard key={remote.id} remote={remote} />
                                 ))}
                             </>
                         )}

resources/js/pages/resources/specs.tsx

@@ -1,10 +1,10 @@
+import SpecCard from '@/components/spec-card';
 import { Skeleton } from '@/components/ui/skeleton';
+import { useDeployments } from '@/hooks/use-deployments';
 import AppLayout from '@/layouts/app-layout';
 import { specsIndex } from '@/routes';
 import type { Blueprint, BreadcrumbItem } from '@/types';
 import { Head } from '@inertiajs/react';
-import SpecCard from '@/components/spec-card';
-import { useDeployments } from '@/hooks/use-deployments';
 
 const breadcrumbs: BreadcrumbItem[] = [
     {
@@ -45,10 +45,7 @@ export default function Specs() {
                         ) : (
                             <>
                                 {normalizedDeployments?.map((blueprint: Blueprint) => (
-                                    <SpecCard
-                                        key={blueprint.id}
-                                        blueprint={blueprint}                               
-                                    />
+                                    <SpecCard key={blueprint.id} blueprint={blueprint} />
                                 ))}
                             </>
                         )}