From 05b2c427d55fae41bac374f431eb308a4a1e3300 Mon Sep 17 00:00:00 2001
From: Julia Miocene <jmiocene@gitlab.com>
Date: Fri, 1 Mar 2024 12:54:45 +0100
Subject: [PATCH] Add environments empty state illustration

Changelog: changed
---
 .../javascripts/environments/components/empty_state.vue   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/environments/components/empty_state.vue b/app/assets/javascripts/environments/components/empty_state.vue
index 5b9cc2f3d216b9..c33975cfee7daf 100644
--- a/app/assets/javascripts/environments/components/empty_state.vue
+++ b/app/assets/javascripts/environments/components/empty_state.vue
@@ -1,4 +1,5 @@
 <script>
+import emptyEntironmentsSvgPath from '@gitlab/svgs/dist/illustrations/empty-state/empty-environment-md.svg';
 import { GlButton, GlEmptyState, GlLink, GlSprintf } from '@gitlab/ui';
 import { s__ } from '~/locale';
 
@@ -39,10 +40,15 @@ export default {
     newEnvironmentButtonLabel: s__('Environments|Create an environment'),
     enablingReviewButtonLabel: s__('Environments|Enable review apps'),
   },
+  emptyEntironmentsSvgPath,
 };
 </script>
 <template>
-  <gl-empty-state class="gl-layout-w-limited gl-mx-auto" :title="title">
+  <gl-empty-state
+    class="gl-layout-w-limited gl-mx-auto"
+    :title="title"
+    :svg-path="$options.emptyEntironmentsSvgPath"
+  >
     <template #description>
       <gl-sprintf :message="content">
         <template #link="{ content: contentToDisplay }">
-- 
GitLab