diff --git a/packages/ui/src/integration-select-grid/integration-select-grid.tsx b/packages/ui/src/integration-select-grid/integration-select-grid.tsx index 63c5dff5d..a3d548308 100644 --- a/packages/ui/src/integration-select-grid/integration-select-grid.tsx +++ b/packages/ui/src/integration-select-grid/integration-select-grid.tsx @@ -49,7 +49,7 @@ import { useI18n } from "@homarr/translation/client"; import { IntegrationAvatar } from "../components/integration-avatar"; import { SelectableCard } from "../components/selectable-card"; import { selectGridCols } from "../select-grid-layout"; -import { buildSortedIntegrations, categoryTranslationKeys, filterIntegrations } from "./integration-grid-shared"; +import { buildSortedIntegrations, filterIntegrations } from "./integration-grid-shared"; import type { IntegrationGridItem } from "./integration-grid-shared"; export interface IntegrationSelectGridProps { @@ -134,8 +134,11 @@ const IntegrationCard = ({ onClick={() => onSelect(integration.kind)} aria-label={integration.name} icon={} - title={integration.name} - topRight={} + title={ + + {integration.name} + + } footerLeft={ connectedCount > 0 ? ( @@ -232,24 +235,3 @@ const IntegrationTiedWidgets = ({ widgets, limit }: { widgets: WidgetKind[]; lim ); }; - -const IntegrationCategoryBadges = ({ - categories, - limit, -}: { - categories: IntegrationGridItem["categories"]; - limit?: number; -}) => { - const t = useI18n(); - const items = limit ? categories.slice(0, limit) : categories; - - return ( - - {items.map((category) => ( - - {categoryTranslationKeys[category] ? t(categoryTranslationKeys[category] as never) : category} - - ))} - - ); -};