Do not render export button when uninitialized

ee/app/assets/javascripts/security_dashboard/components/first_class_instance_security_dashboard.vue

@@ -101,7 +101,10 @@ export default {
     <template #header>
       <header class="page-title-holder flex-fill d-flex align-items-center">
         <h2 class="page-title flex-grow">{{ s__('SecurityReports|Security Dashboard') }}</h2>
-        <csv-export-button :vulnerabilities-export-endpoint="vulnerabilitiesExportEndpoint" />
+        <csv-export-button
+          v-if="!shouldShowEmptyState"
+          :vulnerabilities-export-endpoint="vulnerabilitiesExportEndpoint"
+        />
         <gl-button
           class="page-title-controls ml-2"
           :variant="toggleButtonProps.variant"

ee/changelogs/unreleased/228891-hide-csv-export-button-when-unconfigured.yml

+---
+title: Do not render export button when instance level security dashbaord is uninitialized
+merge_request: 36843
+author:
+type: fixed

ee/spec/frontend/security_dashboard/components/first_class_instance_security_dashboard_spec.js

@@ -108,6 +108,10 @@ describe('First Class Instance Dashboard Component', () => {
       expect(findEmptyState().props()).toEqual({});
     });
 
+    it('does not render the export button', () => {
+      expect(findCsvExportButton().exists()).toBe(false);
+    });
+
     it('does not render the vulnerability list', () => {
       expect(findInstanceVulnerabilities().exists()).toBe(false);
     });