From 160cb923fccf794e43a49aba1f5d98922f6e00ad Mon Sep 17 00:00:00 2001
From: "use-tusk[bot]" <use-tusk[bot]@users.noreply.github.com>
Date: Wed, 16 Oct 2024 19:50:06 +0000
Subject: [PATCH] fix(11372792741): auto linting

---
 .../templates/requestsV2/RequestsTable.tsx    | 99 +++++++++----------
 .../requestsV2/builder/requestBuilder.tsx     | 15 ++-
 2 files changed, 61 insertions(+), 53 deletions(-)

diff --git a/web/components/templates/requestsV2/RequestsTable.tsx b/web/components/templates/requestsV2/RequestsTable.tsx
index dcedfad84..5610b7363 100644
--- a/web/components/templates/requestsV2/RequestsTable.tsx
+++ b/web/components/templates/requestsV2/RequestsTable.tsx
@@ -1,9 +1,5 @@
-import React from 'react';
-import {
-  useTable,
-  useSortBy,
-  usePagination,
-} from 'react-table';
+import React from "react";
+import { useTable, useSortBy, usePagination } from "react-table";
 
 interface Request {
   request_id: string;
@@ -22,45 +18,42 @@ interface RequestsTableProps {
 }
 
 const RequestsTable: React.FC<RequestsTableProps> = ({ requests }) => {
-  const data = React.useMemo(
-    () => requests,
-    [requests]
-  );
+  const data = React.useMemo(() => requests, [requests]);
 
   const columns = React.useMemo(
     () => [
       {
-        Header: 'Created At',
-        accessor: 'created_at',
+        Header: "Created At",
+        accessor: "created_at",
       },
       {
-        Header: 'Status',
-        accessor: 'status',
+        Header: "Status",
+        accessor: "status",
       },
       {
-        Header: 'User',
-        accessor: 'user',
+        Header: "User",
+        accessor: "user",
       },
       {
-        Header: 'Cost',
-        accessor: 'cost',
+        Header: "Cost",
+        accessor: "cost",
       },
       {
-        Header: 'Model',
-        accessor: 'model',
-        Cell: ({ cell: { value } }) => value || 'Unsupported',
+        Header: "Model",
+        accessor: "model",
+        Cell: ({ cell: { value } }) => value || "Unsupported",
       },
       {
-        Header: 'Request',
-        accessor: 'request_text',
+        Header: "Request",
+        accessor: "request_text",
       },
       {
-        Header: 'Response',
-        accessor: 'response_text',
+        Header: "Response",
+        accessor: "response_text",
       },
       {
-        Header: 'Prompt Tokens',
-        accessor: 'prompt_tokens',
+        Header: "Prompt Tokens",
+        accessor: "prompt_tokens",
       },
     ],
     []
@@ -96,16 +89,22 @@ const RequestsTable: React.FC<RequestsTableProps> = ({ requests }) => {
       <table {...getTableProps()}>
         <thead>
           {headerGroups.map((headerGroup, index) => (
-            <tr {...headerGroup.getHeaderGroupProps()} key={`header-group-${index}`}>
+            <tr
+              {...headerGroup.getHeaderGroupProps()}
+              key={`header-group-${index}`}
+            >
               {headerGroup.headers.map((column, columnIndex) => (
-                <th {...column.getHeaderProps(column.getSortByToggleProps())} key={`header-${columnIndex}`}>
-                  {column.render('Header')}
+                <th
+                  {...column.getHeaderProps(column.getSortByToggleProps())}
+                  key={`header-${columnIndex}`}
+                >
+                  {column.render("Header")}
                   <span>
                     {column.isSorted
                       ? column.isSortedDesc
-                        ? ' 🔽'
-                        : ' 🔼'
-                      : ''}
+                        ? " 🔽"
+                        : " 🔼"
+                      : ""}
                   </span>
                 </th>
               ))}
@@ -120,7 +119,7 @@ const RequestsTable: React.FC<RequestsTableProps> = ({ requests }) => {
                 {row.cells.map((cell, cellIndex) => {
                   return (
                     <td {...cell.getCellProps()} key={`cell-${cellIndex}`}>
-                      {cell.render('Cell')}
+                      {cell.render("Cell")}
                     </td>
                   );
                 })}
@@ -132,42 +131,42 @@ const RequestsTable: React.FC<RequestsTableProps> = ({ requests }) => {
 
       <div className="pagination">
         <button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
-          {'<<'}
-        </button>{' '}
+          {"<<"}
+        </button>{" "}
         <button onClick={() => previousPage()} disabled={!canPreviousPage}>
-          {'<'}
-        </button>{' '}
+          {"<"}
+        </button>{" "}
         <button onClick={() => nextPage()} disabled={!canNextPage}>
-          {'>'}
-        </button>{' '}
+          {">"}
+        </button>{" "}
         <button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
-          {'>>'}
-        </button>{' '}
+          {">>"}
+        </button>{" "}
         <span>
-          Page{' '}
+          Page{" "}
           <strong>
             {pageIndex + 1} of {pageOptions.length}
-          </strong>{' '}
+          </strong>{" "}
         </span>
         <span>
-          | Go to page:{' '}
+          | Go to page:{" "}
           <input
             type="number"
             defaultValue={pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0;
               gotoPage(page);
             }}
-            style={{ width: '100px' }}
+            style={{ width: "100px" }}
           />
-        </span>{' '}
+        </span>{" "}
         <select
           value={pageSize}
-          onChange={e => {
+          onChange={(e) => {
             setPageSize(Number(e.target.value));
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
diff --git a/web/components/templates/requestsV2/builder/requestBuilder.tsx b/web/components/templates/requestsV2/builder/requestBuilder.tsx
index 7b7021840..b2bdf7283 100644
--- a/web/components/templates/requestsV2/builder/requestBuilder.tsx
+++ b/web/components/templates/requestsV2/builder/requestBuilder.tsx
@@ -166,7 +166,7 @@ const getRequestBuilder = (request: HeliconeRequest) => {
     request.request_model ||
     getModelFromPath(request.target_url) ||
     "";
-  console.log('Model extracted in getRequestBuilder:', model);
+  console.log("Model extracted in getRequestBuilder:", model);
   const builderType = getBuilderType(
     model,
     request.provider,
@@ -195,13 +195,22 @@ const getNormalizedRequest = (request: HeliconeRequest): NormalizedRequest => {
     const normalizedRequest = getRequestBuilder(request).build();
     return {
       ...normalizedRequest,
-      model: normalizedRequest.model || request.response_model || request.model_override || request.request_model || "Unsupported",
+      model:
+        normalizedRequest.model ||
+        request.response_model ||
+        request.model_override ||
+        request.request_model ||
+        "Unsupported",
     };
   } catch (error) {
     console.error("Error in getNormalizedRequest:", error);
     return {
       ...getRequestBuilder(request).build(),
-      model: request.response_model || request.model_override || request.request_model || "Unsupported",
+      model:
+        request.response_model ||
+        request.model_override ||
+        request.request_model ||
+        "Unsupported",
     };
   }
 };