From cfe71d2d877acbf08a3f473195cfccb1492067d3 Mon Sep 17 00:00:00 2001
From: Christine Yi <ohchristineyi@gmail.com>
Date: Thu, 5 Aug 2021 18:51:18 -0400
Subject: [PATCH] fetch firehydrant service by unique name

Signed-off-by: Christine Yi <ohchristineyi@gmail.com>
---
 .../components/ServiceDetailsCard/ServiceDetailsCard.tsx  | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/plugins/firehydrant/src/components/ServiceDetailsCard/ServiceDetailsCard.tsx b/plugins/firehydrant/src/components/ServiceDetailsCard/ServiceDetailsCard.tsx
index 7ebbcd8351..dba81fa88f 100644
--- a/plugins/firehydrant/src/components/ServiceDetailsCard/ServiceDetailsCard.tsx
+++ b/plugins/firehydrant/src/components/ServiceDetailsCard/ServiceDetailsCard.tsx
@@ -156,8 +156,14 @@ export const ServiceDetailsCard = () => {
   const startDate = moment().subtract(30, 'days').utc();
   const endDate = moment().utc();
 
+  // The Backstage service name in FireHydrant is a unique formatted string
+  // that requires the entity's kind, name, and namespace.
+  const fireHydrantServiceName = `${entity?.kind}:${
+    entity?.metadata?.namespace ?? 'default'
+  }/${entity?.metadata?.name}`;
+
   const { loading, value, error } = useServiceDetails({
-    serviceName: entity?.metadata?.name,
+    serviceName: fireHydrantServiceName,
   });
 
   const activeIncidents: string[] = value?.service?.active_incidents ?? [];