fix(discover): Displays custom units in custom perf metrics sidebar in event detail pagge

static/app/components/events/eventCustomPerformanceMetrics.spec.tsx

@@ -91,4 +91,21 @@ describe('EventCustomPerformanceMetrics', function () {
     expect(screen.getByText('Show events with values greater than')).toBeInTheDocument();
     expect(screen.getByText('Show events with values less than')).toBeInTheDocument();
   });
+
+  it('should render custom performance metrics custom unit', function () {
+    const {router, organization} = initializeOrg();
+    const event = TestStubs.Event({
+      measurements: {
+        'custom.unit': {unit: 'customunit', value: 456},
+      },
+    });
+    render(
+      <EventCustomPerformanceMetrics
+        location={router.location}
+        organization={organization}
+        event={event}
+      />
+    );
+    expect(screen.getByText('456 customunit')).toBeInTheDocument();
+  });
 });

static/app/components/events/eventCustomPerformanceMetrics.tsx

@@ -91,6 +91,7 @@ export function getFieldTypeFromUnit(unit) {
     if (unit === 'none') {
       return 'integer';
     }
+    return 'string';
   }
   return 'number';
 }
@@ -108,13 +109,14 @@ function EventCustomPerformanceMetric({
   }
 
   const fieldType = getFieldTypeFromUnit(unit);
+  const renderValue = fieldType === 'string' ? `${value} ${unit}` : value;
   const rendered = fieldType
     ? FIELD_FORMATTERS[fieldType].renderFunc(
         name,
-        {[name]: value},
+        {[name]: renderValue},
         {location, organization, unit}
       )
-    : value;
+    : renderValue;
 
   function generateLinkWithQuery(query: string) {
     const eventView = EventView.fromLocation(location);