Display informative message when no Items are found

kubernetes-sigs · Dec 4, 2024 · 4205f37 · 4205f37
1 parent 3a70689
commit 4205f37
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/cmd/experimental/kueue-viz/frontend/src/ClusterQueues.js b/cmd/experimental/kueue-viz/frontend/src/ClusterQueues.js
@@ -20,7 +20,7 @@ const ClusterQueues = () => {
     <Paper style={{ padding: '16px', marginTop: '20px' }}>
       <Typography variant="h4" gutterBottom>Cluster Queues</Typography>
       {queues.length === 0 ? (
-        <CircularProgress />
+        <Typography>No Cluster Queues found.</Typography>
       ) : (
         <TableContainer component={Paper}>
           <Table>

diff --git a/cmd/experimental/kueue-viz/frontend/src/Cohorts.js b/cmd/experimental/kueue-viz/frontend/src/Cohorts.js
@@ -20,7 +20,7 @@ const Cohorts = () => {
     <Paper style={{ padding: '16px', marginTop: '20px' }}>
       <Typography variant="h4" gutterBottom>Cohorts</Typography>
       {cohortList.length === 0 ? (
-        <CircularProgress />
+        <Typography>No Cohorts found.</Typography>
       ) : (
         <TableContainer component={Paper}>
           <Table>

diff --git a/cmd/experimental/kueue-viz/frontend/src/LocalQueues.js b/cmd/experimental/kueue-viz/frontend/src/LocalQueues.js
@@ -30,7 +30,7 @@ const LocalQueues = () => {
     <Paper style={{ padding: '16px', marginTop: '20px' }}>
       <Typography variant="h4" gutterBottom>Local Queues</Typography>
       {queues.length === 0 ? (
-        <CircularProgress />
+        <Typography>No Local Queues found.</Typography>
       ) : (
         <TableContainer component={Paper}>
           <Table>

diff --git a/cmd/experimental/kueue-viz/frontend/src/ResourceFlavors.js b/cmd/experimental/kueue-viz/frontend/src/ResourceFlavors.js
@@ -20,7 +20,7 @@ const ResourceFlavors = () => {
     <Paper style={{ padding: '16px', marginTop: '20px' }}>
       <Typography variant="h4" gutterBottom>Resource Flavors</Typography>
       {resourceFlavors.length === 0 ? (
-        <CircularProgress />
+        <Typography>No Resource Flavors found.</Typography>
       ) : (
         <TableContainer component={Paper}>
           <Table>

diff --git a/cmd/experimental/kueue-viz/frontend/src/Workloads.js b/cmd/experimental/kueue-viz/frontend/src/Workloads.js
@@ -29,7 +29,7 @@ const Workloads = () => {
       {/* Display a table with workload details */}
       <Typography variant="h5" gutterBottom style={{ marginTop: '20px' }}>Workloads</Typography>
       {workloads.length === 0 ? (
-        <CircularProgress />
+        <Typography>No Workloads found.</Typography>
       ) : (
         <TableContainer component={Paper}>
           <Table>