diff --git a/.changeset/full-zoos-think.md b/.changeset/full-zoos-think.md new file mode 100644 index 0000000000..e552fa22af --- /dev/null +++ b/.changeset/full-zoos-think.md @@ -0,0 +1,8 @@ +--- +"@cloudoperators/juno-app-greenhouse": patch +--- + +Fixed `DataGridToolbar` inconsistencies in Admin Area across all tabs: +- "Clear all" button placed near selected filter pills +- Text "(X ready, X not ready)" and "Last updated: ..." gray colour +- `DataGridToolbar` component always used to ensure alignment \ No newline at end of file diff --git a/apps/greenhouse/src/components/admin/Clusters/index.tsx b/apps/greenhouse/src/components/admin/Clusters/index.tsx index 7b703785ef..28b1f776c8 100644 --- a/apps/greenhouse/src/components/admin/Clusters/index.tsx +++ b/apps/greenhouse/src/components/admin/Clusters/index.tsx @@ -6,7 +6,7 @@ import React, { useState } from "react" import { useRouteContext, useSearch } from "@tanstack/react-router" import { useIsFetching, useQuery, useQueryClient } from "@tanstack/react-query" -import { Container, ContentHeading, Button, Stack } from "@cloudoperators/juno-ui-components" +import { Container, ContentHeading, Button, Stack, DataGridToolbar } from "@cloudoperators/juno-ui-components" import { ClustersDataGrid } from "./ClustersGrid" import { ClustersFilters } from "./ClustersFilters" @@ -43,23 +43,25 @@ export const Clusters = () => { - -
- {`${total} clusters`} - {`(${ready} ready, ${notReady} not ready)`} -
- - {lastUpdatedAt && `Last update: ${new Date(lastUpdatedAt).toLocaleString()}`} -