update frontend deps

lucafaggianelli · Jul 28, 2024 · 69098ba · 69098ba
1 parent fd7a0aa
commit 69098ba
Show file tree

Hide file tree

Showing 12 changed files with 1,010 additions and 778 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -22,7 +22,7 @@
     "@handsontable/react": "^13.1.0",
     "@heroicons/react": "^2.0.16",
     "@microlink/react-json-view": "^1.23.0",
-    "@tanstack/react-query": "^4.36.1",
+    "@tanstack/react-query": "^5.51.15",
     "@tremor/react": "^3.11.1",
     "handsontable": "^13.1.0",
     "ky": "^1.1.0",
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@types/json-schema": "^7.0.15",
-    "@types/node": "^20.8.10",
+    "@types/node": "^22.0.0",
     "@types/react": "^18.2.33",
     "@types/react-dom": "^18.2.17",
     "@types/react-syntax-highlighter": "^15.5.9",
@@ -43,6 +43,6 @@
     "postcss": "^8.4.21",
     "tailwindcss": "^3.3.5",
     "typescript": "^5.2.2",
-    "vite": "^4.5.0"
+    "vite": "^5.3.5"
   }
 }
diff --git a/frontend/src/components/DataViewerDialog.tsx b/frontend/src/components/DataViewerDialog.tsx
@@ -106,7 +106,7 @@ const DataViewerDialog: React.FC<Props> = ({
         }
         onClose={onClose}
       >
-        {query.isLoading && <div>Loading...</div>}
+        {query.isPending && <div>Loading...</div>}
 
         {query.isError &&
           (query.error.response.status === 404 ? (
@@ -117,7 +117,7 @@ const DataViewerDialog: React.FC<Props> = ({
             </Text>
           ))}
 
-        {!query.isLoading && !query.isError && <DataViewer data={query.data} />}
+        {!query.isPending && !query.isError && <DataViewer data={query.data} />}
       </Dialog>
     </>
   )

diff --git a/frontend/src/components/LogViewer.tsx b/frontend/src/components/LogViewer.tsx
@@ -124,7 +124,7 @@ const LogViewer: React.FC<Props> = ({ pipeline, run }) => {
     setFilter((currentFilter) => ({ ...currentFilter, ...newFilter }))
   }, [])
 
-  if (query.isLoading) {
+  if (query.isPending) {
     return <div>Loading...</div>
   }
 

diff --git a/frontend/src/components/ManualRunDialog.tsx b/frontend/src/components/ManualRunDialog.tsx
@@ -72,7 +72,7 @@ const ManualRunDialog: React.FC<Props> = ({ pipeline }) => {
             }
           }}
         >
-          {query.isLoading ? (
+          {query.isPending ? (
             'Loading...'
           ) : query.isError ? (
             'Error'
@@ -96,7 +96,7 @@ const ManualRunDialog: React.FC<Props> = ({ pipeline }) => {
               onClick={() => {
                 setOpen(false)
               }}
-              disabled={runPipelineMutation.isLoading}
+              disabled={runPipelineMutation.isPending}
             >
               Close
             </Button>
@@ -105,7 +105,7 @@ const ManualRunDialog: React.FC<Props> = ({ pipeline }) => {
               color="indigo"
               type="submit"
               icon={PlayIcon}
-              disabled={runPipelineMutation.isLoading}
+              disabled={runPipelineMutation.isPending}
             >
               Run
             </Button>

diff --git a/frontend/src/components/PipelinesList.tsx b/frontend/src/components/PipelinesList.tsx
@@ -11,7 +11,7 @@ import { ArrowTopRightOnSquareIcon } from '@heroicons/react/24/outline'
 const PipelinesList: React.FC = () => {
   const query = useQuery(listPipelines())
 
-  if (query.isLoading) return <div>Loading...</div>
+  if (query.isPending) return <div>Loading...</div>
 
   if (query.isError) return <div>An error has occurred</div>
 

diff --git a/frontend/src/components/RunsDurationChart.tsx b/frontend/src/components/RunsDurationChart.tsx
@@ -23,7 +23,7 @@ const Loader = () => (
 )
 
 const RunsDurationChart: React.FC<Props> = ({ query }) => {
-  if (query.isFetching || query.isLoading) {
+  if (query.isPending) {
     return <Loader />
   }
 

diff --git a/frontend/src/components/RunsList.tsx b/frontend/src/components/RunsList.tsx
@@ -152,7 +152,7 @@ const RunsList: React.FC<Props> = ({ pipelineId, query, triggerId }) => {
             </TableRow>
           ))}
 
-          {(query.isFetching || query.isLoading) && (
+          {(query.isFetching || query.isPending) && (
             <TableLoader columns={numberOfColumns} />
           )}
 

diff --git a/frontend/src/components/RunsStatusChart.tsx b/frontend/src/components/RunsStatusChart.tsx
@@ -30,7 +30,7 @@ const Loader = ({ subject }: { subject: string }) => (
 )
 
 const RunsStatusChart: React.FC<Props> = ({ query, subject }) => {
-  if (query.isLoading || query.isFetching) {
+  if (query.isPending || query.isFetching) {
     return <Loader subject={subject} />
   }
 

diff --git a/frontend/src/pages/pipelines/[pipelineId]/index.tsx b/frontend/src/pages/pipelines/[pipelineId]/index.tsx
@@ -32,7 +32,7 @@ const PipelineView: React.FC = () => {
   const pipelineQuery = useQuery(getPipeline(pipelineId))
   const runsQuery = useQuery(listRuns(pipelineId))
 
-  if (pipelineQuery.isLoading) return <div>Loading...</div>
+  if (pipelineQuery.isPending) return <div>Loading...</div>
 
   if (pipelineQuery.isError) return <div>An error has occurred</div>
 

diff --git a/frontend/src/pages/pipelines/[pipelineId]/triggers/[triggerId]/index.tsx b/frontend/src/pages/pipelines/[pipelineId]/triggers/[triggerId]/index.tsx
@@ -48,7 +48,7 @@ const TriggerView: React.FC = () => {
     },
   })
 
-  if (pipelineQuery.isLoading) return <div>Loading...</div>
+  if (pipelineQuery.isPending) return <div>Loading...</div>
 
   if (pipelineQuery.isError) return <div>An error has occurred</div>
 

diff --git a/frontend/src/pages/pipelines/[pipelineId]/triggers/[triggerId]/runs/[runId]/index.tsx b/frontend/src/pages/pipelines/[pipelineId]/triggers/[triggerId]/runs/[runId]/index.tsx
@@ -48,7 +48,7 @@ const RunViewPage = () => {
   const pipelineQuery = useQuery(getPipeline(pipelineId))
   const runQuery = useQuery(getRun(pipelineId, triggerId, runId))
 
-  if (pipelineQuery.isLoading) {
+  if (pipelineQuery.isPending) {
     return <div>Loading...</div>
   }