formatting

instill-ai · Nov 5, 2024 · c1e25e1 · c1e25e1
1 parent 6a6076c
commit c1e25e1
Show file tree

Hide file tree

Showing 6 changed files with 69 additions and 59 deletions.
diff --git a/packages/toolkit/src/lib/dashboard/generateModelTriggerChartRecordData.ts b/packages/toolkit/src/lib/dashboard/generateModelTriggerChartRecordData.ts
@@ -1,4 +1,5 @@
 import { ModelTriggerTableRecord } from "instill-sdk";
+
 import { formatDateTime } from "./formatDateTime";
 import { getDateRange } from "./getDateRange";
 import { sortByDate } from "./sortByDate";
@@ -18,10 +19,15 @@ export function generateModelTriggerChartRecordData(
   const timeBuckets = model.timeBuckets ?? [];
 
   // Format the time buckets
-  const formattedTimeBuckets = timeBuckets.map(bucket => formatDateTime(bucket, range));
+  const formattedTimeBuckets = timeBuckets.map((bucket) =>
+    formatDateTime(bucket, range),
+  );
 
   // Sort and deduplicate xAxis
-  const xAxisSortedDates = sortByDate([...getDateRange(range), ...formattedTimeBuckets]);
+  const xAxisSortedDates = sortByDate([
+    ...getDateRange(range),
+    ...formattedTimeBuckets,
+  ]);
   const xAxis = Array.from(new Set(xAxisSortedDates));
 
   // Initialize yAxis with zeros
@@ -30,7 +36,7 @@ export function generateModelTriggerChartRecordData(
   // Populate yAxis with trigger counts
   timeBuckets.forEach((bucket, index) => {
     const formattedBucket = formatDateTime(bucket, range);
-    const xAxisIndex = xAxis.findIndex(date => date === formattedBucket);
+    const xAxisIndex = xAxis.findIndex((date) => date === formattedBucket);
     if (xAxisIndex !== -1) {
       yAxis[xAxisIndex] += model.triggerCounts?.[index] ?? 0;
     }

diff --git a/packages/toolkit/src/lib/dashboard/getModelTriggersSummary.ts b/packages/toolkit/src/lib/dashboard/getModelTriggersSummary.ts
@@ -1,28 +1,31 @@
-import { ModelTriggerCountRecord, ModelTriggersStatusSummary } from "instill-sdk";
+import {
+  ModelTriggerCountRecord,
+  ModelTriggersStatusSummary,
+} from "instill-sdk";
 
 export function getModelTriggersSummary(
-    modelTriggerCounts: ModelTriggerCountRecord[]
+  modelTriggerCounts: ModelTriggerCountRecord[],
 ): ModelTriggersStatusSummary {
-    const completedModel = modelTriggerCounts.find(
-        (r) => r.status === "STATUS_COMPLETED"
-    );
+  const completedModel = modelTriggerCounts.find(
+    (r) => r.status === "STATUS_COMPLETED",
+  );
 
-    const erroredModel = modelTriggerCounts.find(
-        (r) => r.status === "STATUS_ERRORED"
-    );
+  const erroredModel = modelTriggerCounts.find(
+    (r) => r.status === "STATUS_ERRORED",
+  );
 
-    return {
-        completed: {
-            statusType: "STATUS_COMPLETED" as const,
-            type: "model" as const,
-            amount: completedModel?.triggerCount || 0,
-            delta: 0
-        },
-        errored: {
-            statusType: "STATUS_ERRORED" as const,
-            type: "model" as const,
-            amount: erroredModel?.triggerCount || 0,
-            delta: 0
-        }
-    };
-}
+  return {
+    completed: {
+      statusType: "STATUS_COMPLETED" as const,
+      type: "model" as const,
+      amount: completedModel?.triggerCount || 0,
+      delta: 0,
+    },
+    errored: {
+      statusType: "STATUS_ERRORED" as const,
+      type: "model" as const,
+      amount: erroredModel?.triggerCount || 0,
+      delta: 0,
+    },
+  };
+}
diff --git a/packages/toolkit/src/lib/react-query-service/metric/useModelTriggerCount.ts b/packages/toolkit/src/lib/react-query-service/metric/useModelTriggerCount.ts
@@ -2,39 +2,40 @@
 
 import { useQuery } from "@tanstack/react-query";
 import { ListModelTriggerCountRequest, Nullable } from "instill-sdk";
+
 import { getInstillAPIClient } from "../../sdk-helper";
 
 export function useModelTriggerCount({
-    enabled,
-    accessToken,
-    requesterId,
-    start,
-    stop,
+  enabled,
+  accessToken,
+  requesterId,
+  start,
+  stop,
 }: {
-    enabled: boolean;
-    accessToken: Nullable<string>;
-    requesterId: string;
-    start?: string;
-    stop?: string;
+  enabled: boolean;
+  accessToken: Nullable<string>;
+  requesterId: string;
+  start?: string;
+  stop?: string;
 }) {
-    return useQuery({
-        queryKey: ["modelTriggerCount", requesterId, start, stop],
-        queryFn: async () => {
-            if (!accessToken) {
-                throw new Error("accessToken not provided");
-            }
+  return useQuery({
+    queryKey: ["modelTriggerCount", requesterId, start, stop],
+    queryFn: async () => {
+      if (!accessToken) {
+        throw new Error("accessToken not provided");
+      }
 
-            const client = getInstillAPIClient({ accessToken });
+      const client = getInstillAPIClient({ accessToken });
 
-            const request: ListModelTriggerCountRequest = {
-                requesterId,
-                start,
-                stop,
-            };
+      const request: ListModelTriggerCountRequest = {
+        requesterId,
+        start,
+        stop,
+      };
 
-            const data = await client.core.metric.listModelTriggerCount(request);
-            return data;
-        },
-        enabled: enabled && !!requesterId,
-    });
+      const data = await client.core.metric.listModelTriggerCount(request);
+      return data;
+    },
+    enabled: enabled && !!requesterId,
+  });
 }
diff --git a/packages/toolkit/src/lib/react-query-service/metric/useModelTriggerMetric.ts b/packages/toolkit/src/lib/react-query-service/metric/useModelTriggerMetric.ts
@@ -40,4 +40,4 @@ export function useModelTriggerMetric({
     },
     enabled,
   });
-}
+}
diff --git a/packages/toolkit/src/view/dashboard/cost/model/DashboardListModel.tsx b/packages/toolkit/src/view/dashboard/cost/model/DashboardListModel.tsx
@@ -22,8 +22,8 @@ import {
   useUserNamespaces,
 } from "../../../../lib";
 import { getHumanReadableStringFromTime } from "../../../../server";
-import { TABLE_PAGE_SIZE } from "../../../pipeline/view-pipeline/constants";
 import { truncateName } from "../../../catalog";
+import { TABLE_PAGE_SIZE } from "../../../pipeline/view-pipeline/constants";
 
 const selector = (store: InstillStore) => ({
   accessToken: store.accessToken,
@@ -189,9 +189,9 @@ export const DashboardListModel = ({ start }: DashboardListModelProps) => {
             <div className="font-normal text-semantic-bg-secondary-alt-primary">
               {createTime
                 ? getHumanReadableStringFromTime(
-                  createTime as string,
-                  Date.now(),
-                )
+                    createTime as string,
+                    Date.now(),
+                  )
                 : "-"}
             </div>
           );

diff --git a/packages/toolkit/src/view/dashboard/cost/pipeline/DashboardListPipeline.tsx b/packages/toolkit/src/view/dashboard/cost/pipeline/DashboardListPipeline.tsx
@@ -22,8 +22,8 @@ import {
   useUserNamespaces,
 } from "../../../../lib";
 import { getHumanReadableStringFromTime } from "../../../../server";
-import { TABLE_PAGE_SIZE } from "../../../pipeline/view-pipeline/constants";
 import { truncateName } from "../../../catalog";
+import { TABLE_PAGE_SIZE } from "../../../pipeline/view-pipeline/constants";
 
 const selector = (store: InstillStore) => ({
   accessToken: store.accessToken,