lint

Signed-off-by: Aayush Srivastava <aayushsrivastava.work@gmail.com>

ui/src/features/assemble-freight/assemble-freight.tsx

@@ -252,14 +252,18 @@ export const AssembleFreight = ({
   );
 };
 
-const DiscoveryTable = ({ selected, chosenItems, select }: {
-  selected?: DiscoveryResult,
+const DiscoveryTable = ({
+  selected,
+  chosenItems,
+  select
+}: {
+  selected?: DiscoveryResult;
   chosenItems: {
     [key: string]: {
       artifact: DiscoveryResult;
       info: FreightInfo;
     };
-  },
+  };
   select: (item?: FreightInfo) => void;
 }) => {
   if (!selected) {

ui/src/features/assemble-freight/chart-table.tsx

@@ -1,7 +1,8 @@
-import { calculatePageForSelectedRow } from '@ui/utils/pagination';
 import { Radio, Table } from 'antd';
 import { useState } from 'react';
 
+import { calculatePageForSelectedRow } from '@ui/utils/pagination';
+
 export const ChartTable = ({
   versions,
   selected,
@@ -11,7 +12,9 @@ export const ChartTable = ({
   selected: string | undefined;
   select: (version?: string) => void;
 }) => {
-  const [defaultPage] = useState<number>(() => calculatePageForSelectedRow(selected, versions, (version) => version));
+  const [defaultPage] = useState<number>(() =>
+    calculatePageForSelectedRow(selected, versions, (version) => version)
+  );
 
   return (
     <Table

ui/src/features/assemble-freight/commit-table.tsx

@@ -1,11 +1,11 @@
 import { Radio, Table } from 'antd';
+import { useState } from 'react';
 
 import { DiscoveredCommit } from '@ui/gen/v1alpha1/generated_pb';
 import { timestampDate } from '@ui/utils/connectrpc-utils';
+import { calculatePageForSelectedRow } from '@ui/utils/pagination';
 
 import { TruncatedCopyable } from './truncated-copyable';
-import { calculatePageForSelectedRow } from '@ui/utils/pagination';
-import { useState } from 'react';
 
 export const CommitTable = ({
   commits,
@@ -16,7 +16,9 @@ export const CommitTable = ({
   selected: DiscoveredCommit | undefined;
   select: (commit?: DiscoveredCommit) => void;
 }) => {
-  const [defaultPage] = useState<number>(() => calculatePageForSelectedRow(selected, commits, (commit) => commit.id));
+  const [defaultPage] = useState<number>(() =>
+    calculatePageForSelectedRow(selected, commits, (commit) => commit.id)
+  );
 
   return (
     <>

ui/src/features/assemble-freight/image-table.tsx

@@ -1,13 +1,13 @@
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Radio, Table } from 'antd';
+import { useState } from 'react';
 
 import { DiscoveredImageReference } from '@ui/gen/v1alpha1/generated_pb';
 import { timestampDate } from '@ui/utils/connectrpc-utils';
+import { calculatePageForSelectedRow } from '@ui/utils/pagination';
 
 import { TruncatedCopyable } from './truncated-copyable';
-import { useState } from 'react';
-import { calculatePageForSelectedRow } from '@ui/utils/pagination';
 
 export const ImageTable = ({
   references,
@@ -18,7 +18,9 @@ export const ImageTable = ({
   selected: DiscoveredImageReference | undefined;
   select: (reference?: DiscoveredImageReference) => void;
 }) => {
-  const [defaultPage] = useState<number>(() => calculatePageForSelectedRow(selected, references, (ref) => ref.tag));
+  const [defaultPage] = useState<number>(() =>
+    calculatePageForSelectedRow(selected, references, (ref) => ref.tag)
+  );
 
   return (
     <>
@@ -37,7 +39,9 @@ export const ImageTable = ({
           { title: 'Tag', dataIndex: 'tag' },
           {
             title: 'Digest',
-            render: (record: DiscoveredImageReference) => <TruncatedCopyable text={record?.digest} />
+            render: (record: DiscoveredImageReference) => (
+              <TruncatedCopyable text={record?.digest} />
+            )
           },
           {
             title: 'Source Repo',
@@ -58,5 +62,5 @@ export const ImageTable = ({
         ]}
       />
     </>
-  )
+  );
 };

ui/src/utils/pagination.test.ts

@@ -1,14 +1,18 @@
-import { describe, expect, test } from "vitest";
-import { calculatePageForSelectedRow } from "./pagination";
+import { describe, expect, test } from 'vitest';
 
-describe("calculatePageForSelectedRow", () => {
-    test.each([
-        [undefined, ["a", "b", "c"], (option: string) => option, 1],
-        ["a", ["a", "b", "c"], (option: string) => option, 1],
-        ["j", ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k"], (option: string) => option, 1],
-        ["k", ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k"], (option: string) => option, 2],
-    ])('selectedOption: %s, options: %s, key: %s, expectedPage: %s', (selectedOption, options, key, expectedPage) => {
-        const page = calculatePageForSelectedRow(selectedOption, options, key);
-        expect(page).toBe(expectedPage);
-    });
+import { calculatePageForSelectedRow } from './pagination';
+
+describe('calculatePageForSelectedRow', () => {
+  test.each([
+    [undefined, ['a', 'b', 'c'], (option: string) => option, 1],
+    ['a', ['a', 'b', 'c'], (option: string) => option, 1],
+    ['j', ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k'], (option: string) => option, 1],
+    ['k', ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k'], (option: string) => option, 2]
+  ])(
+    'selectedOption: %s, options: %s, key: %s, expectedPage: %s',
+    (selectedOption, options, key, expectedPage) => {
+      const page = calculatePageForSelectedRow(selectedOption, options, key);
+      expect(page).toBe(expectedPage);
+    }
+  );
 });

ui/src/utils/pagination.ts

@@ -1,12 +1,16 @@
-export function calculatePageForSelectedRow<T>(selectedOption: T | undefined, options: T[], key: (option: T) => string): number {
-    const pageSize = 10;
+export function calculatePageForSelectedRow<T>(
+  selectedOption: T | undefined,
+  options: T[],
+  key: (option: T) => string
+): number {
+  const pageSize = 10;
 
-    if (selectedOption) {
-        const index = options.findIndex((option) => key(option) === key(selectedOption));
-        if (index >= 0) {
-            const page = Math.floor(index / pageSize) + 1;
-            return page;
-        }
+  if (selectedOption) {
+    const index = options.findIndex((option) => key(option) === key(selectedOption));
+    if (index >= 0) {
+      const page = Math.floor(index / pageSize) + 1;
+      return page;
     }
-    return 1;
+  }
+  return 1;
 }