diff --git a/.changeset/curvy-dingos-jump.md b/.changeset/curvy-dingos-jump.md new file mode 100644 index 0000000000..6b1c827e88 --- /dev/null +++ b/.changeset/curvy-dingos-jump.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-azure-sites': patch +--- + +Show Azure site tags in `EntityAzureSitesOverviewWidget`. diff --git a/plugins/azure-sites/src/components/AzureSitesOverviewTableComponent/AzureSitesOverviewTable.tsx b/plugins/azure-sites/src/components/AzureSitesOverviewTableComponent/AzureSitesOverviewTable.tsx index 44f5f1697d..c7f8befedb 100644 --- a/plugins/azure-sites/src/components/AzureSitesOverviewTableComponent/AzureSitesOverviewTable.tsx +++ b/plugins/azure-sites/src/components/AzureSitesOverviewTableComponent/AzureSitesOverviewTable.tsx @@ -18,6 +18,7 @@ import React, { Dispatch, useEffect, useState } from 'react'; import { Box, Card, + Chip, IconButton, LinearProgress, Menu, @@ -91,6 +92,18 @@ const Kind = ({ value }: { value: Kinds }) => { ); }; +const Tags = ({ tags }: { tags: any }) => { + return Object.keys(tags).map((key: any) => ( + + )); +}; + type TableProps = { data: AzureSite[]; loading: boolean; @@ -223,6 +236,11 @@ export const AzureSitesOverviewTable = ({ data, loading }: TableProps) => { field: 'status', render: (func: AzureSite) => , }, + { + title: 'Tags', + field: 'tags', + render: (func: AzureSite) => (func.tags ? : ''), + }, { title: 'last modified', field: 'lastModifiedDate',