Introduce prettier

frontend/src/app/[locale]/projects/[projectId]/runs/RunsTable.tsx

@@ -1,4 +1,4 @@
-import { useState, useMemo, useCallback } from "react";
+import { useState, useMemo, useCallback } from 'react';
 import {
   Table,
   TableHeader,
@@ -12,11 +12,11 @@ import {
   DropdownMenu,
   DropdownItem,
   SortDescriptor,
-} from "@nextui-org/react";
-import { Link, NextUiLinkClasses } from "@/src/navigation";
-import { MoreVertical } from "lucide-react";
-import { RunsMessages, RunType } from "@/types/run";
-import dayjs from "dayjs";
+} from '@nextui-org/react';
+import { Link, NextUiLinkClasses } from '@/src/navigation';
+import { MoreVertical } from 'lucide-react';
+import { RunsMessages, RunType } from '@/types/run';
+import dayjs from 'dayjs';
 
 type Props = {
   projectId: string;
@@ -26,24 +26,18 @@ type Props = {
   locale: string;
 };
 
-export default function RunsTable({
-  projectId,
-  runs,
-  onDeleteRun,
-  messages,
-  locale,
-}: Props) {
+export default function RunsTable({ projectId, runs, onDeleteRun, messages, locale }: Props) {
   const headerColumns = [
-    { name: messages.id, uid: "id", sortable: true },
-    { name: messages.name, uid: "name", sortable: true },
-    { name: messages.description, uid: "description", sortable: true },
-    { name: messages.lastUpdate, uid: "updatedAt", sortable: true },
-    { name: messages.actions, uid: "actions" },
+    { name: messages.id, uid: 'id', sortable: true },
+    { name: messages.name, uid: 'name', sortable: true },
+    { name: messages.description, uid: 'description', sortable: true },
+    { name: messages.lastUpdate, uid: 'updatedAt', sortable: true },
+    { name: messages.actions, uid: 'actions' },
   ];
 
   const [sortDescriptor, setSortDescriptor] = useState<SortDescriptor>({
-    column: "id",
-    direction: "ascending",
+    column: 'id',
+    direction: 'ascending',
   });
 
   const sortedItems = useMemo(() => {
@@ -52,31 +46,27 @@ export default function RunsTable({
       const second = b[sortDescriptor.column as keyof RunType] as number;
       const cmp = first < second ? -1 : first > second ? 1 : 0;
 
-      return sortDescriptor.direction === "descending" ? -cmp : cmp;
+      return sortDescriptor.direction === 'descending' ? -cmp : cmp;
     });
   }, [sortDescriptor, runs]);
 
   const truncateText = (text: string, maxLength: number) => {
-    return text.length > maxLength ? text.slice(0, maxLength) + "..." : text;
+    return text.length > maxLength ? text.slice(0, maxLength) + '...' : text;
   };
 
   const renderCell = useCallback((run: RunType, columnKey: Key) => {
     const cellValue = run[columnKey as keyof RunType];
 
     switch (columnKey) {
-      case "id":
+      case 'id':
         return <span>{cellValue}</span>;
-      case "name":
+      case 'name':
         return (
-          <Link
-            href={`/projects/${projectId}/runs/${run.id}`}
-            locale={locale}
-            className={NextUiLinkClasses}
-          >
+          <Link href={`/projects/${projectId}/runs/${run.id}`} locale={locale} className={NextUiLinkClasses}>
             {cellValue}
           </Link>
         );
-      case "detail":
+      case 'detail':
         const maxLength = 20;
         const truncatedValue = truncateText(cellValue, maxLength);
         return (
@@ -84,9 +74,9 @@ export default function RunsTable({
             <div>{truncatedValue}</div>
           </div>
         );
-      case "updatedAt":
-        return <span>{dayjs(cellValue).format("YYYY/MM/DD HH:mm")}</span>;
-      case "actions":
+      case 'updatedAt':
+        return <span>{dayjs(cellValue).format('YYYY/MM/DD HH:mm')}</span>;
+      case 'actions':
         return (
           <Dropdown>
             <DropdownTrigger>
@@ -95,10 +85,7 @@ export default function RunsTable({
               </Button>
             </DropdownTrigger>
             <DropdownMenu aria-label="run actions">
-              <DropdownItem
-                className="text-danger"
-                onClick={() => onDeleteRun(run.id)}
-              >
+              <DropdownItem className="text-danger" onClick={() => onDeleteRun(run.id)}>
                 {messages.deleteRun}
               </DropdownItem>
             </DropdownMenu>
@@ -111,18 +98,18 @@ export default function RunsTable({
 
   const classNames = useMemo(
     () => ({
-      wrapper: ["max-w-3xl"],
-      th: ["bg-transparent", "text-default-500", "border-b", "border-divider"],
+      wrapper: ['max-w-3xl'],
+      th: ['bg-transparent', 'text-default-500', 'border-b', 'border-divider'],
       td: [
         // changing the rows border radius
         // first
-        "group-data-[first=true]:first:before:rounded-none",
-        "group-data-[first=true]:last:before:rounded-none",
+        'group-data-[first=true]:first:before:rounded-none',
+        'group-data-[first=true]:last:before:rounded-none',
         // middle
-        "group-data-[middle=true]:before:rounded-none",
+        'group-data-[middle=true]:before:rounded-none',
         // last
-        "group-data-[last=true]:first:before:rounded-none",
-        "group-data-[last=true]:last:before:rounded-none",
+        'group-data-[last=true]:first:before:rounded-none',
+        'group-data-[last=true]:last:before:rounded-none',
       ],
     }),
     []
@@ -141,7 +128,7 @@ export default function RunsTable({
           {(column) => (
             <TableColumn
               key={column.uid}
-              align={column.uid === "actions" ? "center" : "start"}
+              align={column.uid === 'actions' ? 'center' : 'start'}
               allowsSorting={column.sortable}
             >
               {column.name}
@@ -150,11 +137,7 @@ export default function RunsTable({
         </TableHeader>
         <TableBody emptyContent={messages.noRunsFound} items={sortedItems}>
           {(item) => (
-            <TableRow key={item.id}>
-              {(columnKey) => (
-                <TableCell>{renderCell(item, columnKey)}</TableCell>
-              )}
-            </TableRow>
+            <TableRow key={item.id}>{(columnKey) => <TableCell>{renderCell(item, columnKey)}</TableCell>}</TableRow>
           )}
         </TableBody>
       </Table>