Update empty state for Packages screen

ee/app/views/projects/packages/packages/index.html.haml

@@ -40,5 +40,12 @@
                   = icon('trash')
     = paginate @packages, theme: "gitlab"
 - else
-  .nothing-here-block
-    = _('No packages stored for this project.')
+  .row.empty-state
+    .col-12
+      .svg-content= image_tag 'illustrations/no-packages.svg'
+      .text-content
+        %h4.text-center= _('There are no packages yet')
+        %p
+          - no_packages_url = help_page_path('user/project/packages/maven_repository.html')
+          - no_packages_link_start = '<a href="%{url}" target="_blank" rel="noopener noreferrer">'.html_safe % { url: no_packages_url }
+          = _('Learn how to %{no_packages_link_start}publish and share your Maven packages%{no_packages_link_end} with GitLab. Additional package types will be supported in future releases.').html_safe % { no_packages_link_start: no_packages_link_start, no_packages_link_end: '</a>'.html_safe }

ee/changelogs/unreleased-ee/7926-empty-state-for-packages-screen.yml

+---
+title: Update Empty state for Packages screen
+merge_request: 8583
+author:
+type: other

ee/spec/features/projects/packages_spec.rb

@@ -13,7 +13,7 @@ describe 'Packages' do
     it 'shows no packages message' do
       visit_project_packages
 
-      expect(page).to have_content 'No packages stored for this project.'
+      expect(page).to have_content 'There are no packages yet'
     end
   end
 

locale/gitlab.pot

@@ -4798,6 +4798,9 @@ msgstr ""
 msgid "Latest changes"
 msgstr ""
 
+msgid "Learn how to %{no_packages_link_start}publish and share your Maven packages%{no_packages_link_end} with GitLab. Additional package types will be supported in future releases."
+msgstr ""
+
 msgid "Learn more"
 msgstr ""
 
@@ -5573,9 +5576,6 @@ msgstr ""
 msgid "No other labels with such name or description"
 msgstr ""
 
-msgid "No packages stored for this project."
-msgstr ""
-
 msgid "No preview for this file type"
 msgstr ""
 
@@ -8172,6 +8172,9 @@ msgstr ""
 msgid "There are no labels yet"
 msgstr ""
 
+msgid "There are no packages yet"
+msgstr ""
+
 msgid "There are no projects shared with this group yet"
 msgstr ""