Update Locked Files page

Changelog: changed

ee/app/assets/javascripts/pages/projects/path_locks/index.js

@@ -2,12 +2,13 @@ import initDeprecatedRemoveRowBehavior from '~/behaviors/deprecated_remove_row_b
 
 initDeprecatedRemoveRowBehavior();
 
-const locks = document.querySelector('.locks');
+const locks = document.querySelector('.js-path-locks');
 
 locks.addEventListener('ajax:success', () => {
   const allRowsHidden = [...locks.querySelectorAll('li')].every((x) => x.offsetParent === null);
 
   if (allRowsHidden) {
-    locks.querySelector('.nothing-here-block.hidden')?.classList?.remove('hidden');
+    locks.querySelector('.js-path-locks-empty-state.hidden')?.classList?.remove('hidden');
+    locks.querySelector('.js-path-locks-header')?.classList?.add('hidden');
   }
 });

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

 - page_title _("Locked files")
 
-.top-area
-  .nav-text
-    = sprite_icon('lock', size: 16, css_class: 'gl-align-middle')
-    = _("The following files or directories can only be modified by the user who locked them.")
-
-.locks
+.js-path-locks
   - if @path_locks.any?
+    = render ::Layouts::PageHeadingComponent.new(_('Locked files'),
+      description: _("The following files or directories can only be modified by the user who locked them."),
+      options: { class: 'js-path-locks-header' })
+
     %ul.content-list
       = render @path_locks
 
     = paginate @path_locks, theme: 'gitlab'
 
-  .nothing-here-block{ class: ('hidden' if @path_locks.any?) }
-    = _("Repository has no locks.")
+  .js-path-locks-empty-state{ class: ('hidden' if @path_locks.any?) }
+    = render Pajamas::EmptyStateComponent.new(svg_path: 'illustrations/status/status-nothing-md.svg',
+      title: _("Repository has no locks"))

ee/spec/features/projects/path_locks_spec.rb

@@ -74,7 +74,7 @@
 
     click_link "Locked files"
 
-    within '.locks' do
+    within '.js-path-locks' do
       expect(page).to have_content('encoding')
     end
 

locale/gitlab.pot

@@ -46001,7 +46001,7 @@ msgstr ""
 msgid "Repository has more than one branch."
 msgstr ""
-msgid "Repository has no locks."
+msgid "Repository has no locks"
 msgstr ""
 msgid "Repository has tags."