diff --git a/frontend/src/component/admin/enterprise-edge/EnterpriseEdgeInstances/EnterpriseEdgeInstance/EnterpriseEdgeApiKeyRevisionData.tsx b/frontend/src/component/admin/enterprise-edge/EnterpriseEdgeInstances/EnterpriseEdgeInstance/EnterpriseEdgeApiKeyRevisionData.tsx index 22f60870bc..cad3cfe1ef 100644 --- a/frontend/src/component/admin/enterprise-edge/EnterpriseEdgeInstances/EnterpriseEdgeInstance/EnterpriseEdgeApiKeyRevisionData.tsx +++ b/frontend/src/component/admin/enterprise-edge/EnterpriseEdgeInstances/EnterpriseEdgeInstance/EnterpriseEdgeApiKeyRevisionData.tsx @@ -5,10 +5,6 @@ import { formatDateYMDHMS } from '../../../../../utils/formatDate.ts'; import { useLocationSettings } from '../../../../../hooks/useLocationSettings.ts'; import { Truncator } from '../../../../common/Truncator/Truncator.tsx'; -interface IEnterpriseEdgeApiKeyRevisionProps { - apiKeys?: EdgeApiKeyRevisionId[]; -} - const StyledTable = styled('table')(({ theme }) => ({ width: '100%', borderCollapse: 'collapse', @@ -35,6 +31,21 @@ const StyledTableCell = styled('td')(({ theme }) => ({ }, })); +interface IEnterpriseEdgeApiKeyRevisionProps { + apiKeys?: EdgeApiKeyRevisionId[]; +} + +const projectKey = (projects: string[]): string => { + return projects.length === 1 ? projects[0] : `[]`; +}; + +const apiToken = (revInfo: EdgeApiKeyRevisionId): string => { + return `${projectKey(revInfo.projects)}:${revInfo.environment}.***`; +}; + +const listKey = (revInfo: EdgeApiKeyRevisionId): string => { + return `[${revInfo.projects.join(',')}]:${revInfo.environment}`; +}; export const EnterpriseEdgeApiKeyRevisionData = ({ apiKeys, }: IEnterpriseEdgeApiKeyRevisionProps) => { @@ -52,10 +63,9 @@ export const EnterpriseEdgeApiKeyRevisionData = ({
{apiKeys?.map((apiKey) => { + const token = apiToken(apiKey); return ( -