diff --git a/.changeset/curvy-dingos-jump.md b/.changeset/curvy-dingos-jump.md
new file mode 100644
index 0000000000..280697498a
--- /dev/null
+++ b/.changeset/curvy-dingos-jump.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-azure-sites': minor
+---
+
+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',