From f00180cb54004f34af939b6e46645a4475e27ed2 Mon Sep 17 00:00:00 2001
From: Lorenz van Herwaarden <lvanherwaarden@gitlab.com>
Date: Tue, 16 Dec 2025 11:25:29 +0100
Subject: [PATCH] Add use-delimiters prop for severity count single stat

This sets the `use-delimiters` prop to `true` for the GlSingleStat
components used in the severity counts on the new security
dashboard.

Changelog: changed
EE: true
---
 .../shared/charts/vulnerabilities_for_severity_panel.vue      | 2 +-
 .../shared/charts/vulnerabilities_for_severity_panel_spec.js  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel.vue
index bc1deab275fcee..7519ffe4a00a3d 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel.vue
@@ -113,7 +113,7 @@ export default {
     <template #body>
       <div v-if="!error" class="-gl-mt-3 gl-flex-col">
         <gl-link :href="link" variant="meta" target="_blank" class="!gl-outline-none">
-          <gl-single-stat title="" :value="count" />
+          <gl-single-stat title="" :value="count" use-delimiters />
         </gl-link>
         <gl-truncate
           v-if="hasMedianAge"
diff --git a/ee/spec/frontend/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel_spec.js b/ee/spec/frontend/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel_spec.js
index f1f7d2cd930766..658673a3e3d1f9 100644
--- a/ee/spec/frontend/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel_spec.js
+++ b/ee/spec/frontend/security_dashboard/components/shared/charts/vulnerabilities_for_severity_panel_spec.js
@@ -90,6 +90,10 @@ describe('VulnerabilitiesForSeverityPanel', () => {
         expect(findSingleStat().props('value')).toBe(defaultProps.count);
       });
 
+      it('renders GlSingleStat with delimiter enabled', () => {
+        expect(findSingleStat().props('useDelimiters')).toBe(true);
+      });
+
       it('does not render error message', () => {
         expect(findErrorMessage().exists()).toBe(false);
       });
-- 
GitLab