refactor: Change lib v2 code to TS

open-craft · Jun 24, 2024 · f0ea105 · f0ea105
1 parent 49b7142
commit f0ea105
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/studio-home/data/apiHooks.js → src/studio-home/data/apiHooks.ts b/src/studio-home/data/apiHooks.js → src/studio-home/data/apiHooks.ts
@@ -2,10 +2,20 @@ import { useQuery } from '@tanstack/react-query';
 
 import { getStudioHomeLibrariesV2 } from './api';
 
+
+interface CustomParams {
+  type?: string,
+  page?: number,
+  pageSize?: number,
+  pagination?: boolean,
+  order?: string,
+  saerch?: string,
+}
+
 /**
  * Builds the query to fetch list of V2 Libraries
  */
-const useListStudioHomeV2Libraries = (customParams) => (
+const useListStudioHomeV2Libraries = (customParams: CustomParams) => (
   useQuery({
     queryKey: ['listV2Libraries', customParams],
     queryFn: () => getStudioHomeLibrariesV2(customParams),

diff --git a/...e/tabs-section/libraries-v2-tab/index.jsx → ...e/tabs-section/libraries-v2-tab/index.tsx b/...e/tabs-section/libraries-v2-tab/index.jsx → ...e/tabs-section/libraries-v2-tab/index.tsx
@@ -62,7 +62,7 @@ const LibrariesV2Tab = ({
       : `${window.location.origin}${getPath(getConfig().PUBLIC_PATH)}library/${id}`
   );
 
-  const hasV2Libraries = data?.results?.length > 0;
+  const hasV2Libraries = (data?.results?.length || 0) > 0;
 
   return (
     isError ? (
@@ -98,7 +98,7 @@ const LibrariesV2Tab = ({
         </div>
 
         { hasV2Libraries
-          ? data.results.map(({
+          ? data?.results.map(({
             id, org, slug, title,
           }) => (
             <CardItem
@@ -124,12 +124,12 @@ const LibrariesV2Tab = ({
           )}
 
         {
-          data?.numPages > 1
+          (data?.numPages || 0) > 1
           && (
             <Pagination
               className="d-flex justify-content-center"
               paginationLabel="pagination navigation"
-              pageCount={data.numPages}
+              pageCount={data?.numPages}
               currentPage={currentPage}
               onPageSelect={handlePageSelect}
             />