From b7718dc6b5029a94ca75881be18a75d469bfe38c Mon Sep 17 00:00:00 2001
From: Julia Miocene <jmiocene@gitlab.com>
Date: Tue, 13 Feb 2024 21:08:11 +0100
Subject: [PATCH] Replace geo-replication-empty illustration

`geo-replication-empty` illustrations was replaced
with the new one `empty-geo-md`.

Changelog: changed
---
 .../components/geo_replicable_empty_state.vue      |  2 +-
 ee/app/views/admin/geo/replicables/index.html.haml |  2 +-
 .../shared/empty_states/_geo_replication.html.haml | 14 ++++++--------
 ee/spec/frontend/geo_replicable/mock_data.js       |  2 +-
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue b/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue
index cad7ee7f8ee75f..57141ae0be3b62 100644
--- a/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue
+++ b/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue
@@ -40,7 +40,7 @@ export default {
 </script>
 
 <template>
-  <gl-empty-state :title="title" :svg-path="geoReplicableEmptySvgPath" :svg-height="null">
+  <gl-empty-state :title="title" :svg-path="geoReplicableEmptySvgPath">
     <template #description>
       <gl-sprintf :message="description">
         <template #replicable>
diff --git a/ee/app/views/admin/geo/replicables/index.html.haml b/ee/app/views/admin/geo/replicables/index.html.haml
index 7eaba2fbb9b4f9..1670a8dca91067 100644
--- a/ee/app/views/admin/geo/replicables/index.html.haml
+++ b/ee/app/views/admin/geo/replicables/index.html.haml
@@ -1,6 +1,6 @@
 - add_page_specific_style 'page_bundles/admin/geo_replicable'
 = render "admin/geo/shared/replication_nav"
-#js-geo-replicable{ data: { "geo-replicable-empty-svg-path" => image_path("illustrations/empty-state/geo-replication-empty.svg"),
+#js-geo-replicable{ data: { "geo-replicable-empty-svg-path" => image_path("illustrations/empty-state/empty-geo-md.svg"),
   "replicable-type" => @replicator_class.replicable_name_plural,
   "graphql-field-name" => @replicator_class.graphql_field_name,
   "graphql-mutation-registry-class" => @replicator_class.graphql_mutation_registry_class,
diff --git a/ee/app/views/shared/empty_states/_geo_replication.html.haml b/ee/app/views/shared/empty_states/_geo_replication.html.haml
index 18fabec833a2ff..4ddfe7391f4931 100644
--- a/ee/app/views/shared/empty_states/_geo_replication.html.haml
+++ b/ee/app/views/shared/empty_states/_geo_replication.html.haml
@@ -1,13 +1,11 @@
 - geo_troubleshooting_link = help_page_path('administration/geo/replication/troubleshooting')
-- image = 'illustrations/empty-state/geo-replication-empty.svg'
+- image = 'illustrations/empty-state/empty-geo-md.svg'
 - title = has_filters ? _('No results found') : s_('Geo|There are no %{replicable_type} to show') % { replicable_type: replicable_type }
 - geo_troubleshooting_link_start = '<a href="%{url}" target="_blank" rel="noopener noreferrer">'.html_safe % { url: geo_troubleshooting_link }
 - description = has_filters ? _('Edit your search filter and try again.') : html_escape(s_('Geo|No %{replicable_type} were found. If you believe this may be an error, please refer to the %{linkStart}Geo Troubleshooting%{linkEnd} documentation for more information.')) % { replicable_type: replicable_type, linkStart: geo_troubleshooting_link_start, linkEnd: '</a>'.html_safe }
 
-.row.empty-state
-  .col-12
-    .svg-content.svg-250
-      = image_tag image
-  .col-12.gl-text-center
-    %h4= title
-    %p= description
+= render Pajamas::EmptyStateComponent.new(svg_path: image,
+  title: title) do |c|
+
+  - c.with_description do
+    = description
diff --git a/ee/spec/frontend/geo_replicable/mock_data.js b/ee/spec/frontend/geo_replicable/mock_data.js
index 25c7a8c4a7dbe4..1ba8f8b08ef07a 100644
--- a/ee/spec/frontend/geo_replicable/mock_data.js
+++ b/ee/spec/frontend/geo_replicable/mock_data.js
@@ -1,4 +1,4 @@
-export const MOCK_GEO_REPLICATION_SVG_PATH = 'illustrations/empty-state/geo-replication-empty.svg';
+export const MOCK_GEO_REPLICATION_SVG_PATH = 'illustrations/empty-state/empty-geo-md.svg';
 
 export const MOCK_REPLICABLE_TYPE = 'designs';
 
-- 
GitLab