diff --git a/ee/app/assets/javascripts/repository/components/lock_directory_button.vue b/ee/app/assets/javascripts/repository/components/lock_directory_button.vue
index 30d4ccab03b1a2b3245930caa2021097636b17bf..5bcaa29f159700bd26182c656ee273fb45dce919 100644
--- a/ee/app/assets/javascripts/repository/components/lock_directory_button.vue
+++ b/ee/app/assets/javascripts/repository/components/lock_directory_button.vue
@@ -1,6 +1,6 @@
 <script>
 import { GlButton, GlTooltipDirective, GlModal, GlModalDirective } from '@gitlab/ui';
-import { __ } from '~/locale';
+import { sprintf, __ } from '~/locale';
 import { createAlert } from '~/alert';
 import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import currentUserQuery from '~/graphql_shared/queries/current_user.query.graphql';
@@ -52,6 +52,12 @@ export default {
       update({ project }) {
         this.canAdminLocks = project.userPermissions.adminPathLocks;
         this.canPushCode = project.userPermissions.pushCode;
+        this.allPathLocks = project.pathLocks?.nodes?.map((lock) => this.mapPathLocks(lock));
+        this.pathLock =
+          this.allPathLocks.find(
+            (lock) =>
+              this.isDownstreamLock(lock) || this.isUpstreamLock(lock) || this.isExactLock(lock),
+          ) || {};
       },
       error() {
         this.onFetchError();
@@ -75,7 +81,6 @@ export default {
       allPathLocks: [],
       pathLock: {},
       user: {},
-      isLocked: false,
     };
   },
   computed: {
@@ -85,6 +90,12 @@ export default {
     isLoading() {
       return this.$apollo?.queries.projectInfo.loading;
     },
+    isLocked() {
+      return this.pathLock.isExactLock || this.pathLock.isUpstreamLock;
+    },
+    locker() {
+      return this.pathLock.user?.name || this.pathLock.user?.username;
+    },
     buttonLabel() {
       return this.isLocked ? __('Unlock') : __('Lock');
     },
@@ -92,9 +103,58 @@ export default {
       return this.isLocked ? 'unlock' : 'lock';
     },
     isDisabled() {
-      return !this.canAdminLocks || !this.canPushCode;
+      return (
+        this.pathLock.isUpstreamLock ||
+        this.pathLock.isDownstreamLock ||
+        !this.canAdminLocks ||
+        !this.canPushCode
+      );
+    },
+    getExactLockTooltip() {
+      if (!this.canAdminLocks) {
+        return sprintf(__('Locked by %{locker}. You do not have permission to unlock this'), {
+          locker: this.locker,
+        });
+      }
+      return this.pathLock.user.id === this.user.id
+        ? ''
+        : sprintf(__('Locked by %{locker}'), { locker: this.locker });
+    },
+    getUpstreamLockTooltip() {
+      const additionalPhrase = this.canAdminLocks
+        ? __('Unlock that directory in order to unlock this')
+        : __('You do not have permission to unlock it');
+      return sprintf(__('%{locker} has a lock on "%{path}". %{additionalPhrase}'), {
+        locker: this.locker,
+        path: this.pathLock.path,
+        additionalPhrase,
+      });
+    },
+    getDownstreamLockTooltip() {
+      const additionalPhrase = this.canAdminLocks
+        ? __('Unlock this in order to proceed')
+        : __('You do not have permission to unlock it');
+      return sprintf(
+        __(
+          'This directory cannot be locked while %{locker} has a lock on "%{path}". %{additionalPhrase}',
+        ),
+        {
+          locker: this.locker,
+          path: this.pathLock.path,
+          additionalPhrase,
+        },
+      );
     },
     tooltipText() {
+      if (this.pathLock.isExactLock) {
+        return this.getExactLockTooltip;
+      }
+      if (this.pathLock.isUpstreamLock) {
+        return this.getUpstreamLockTooltip;
+      }
+      if (this.pathLock.isDownstreamLock) {
+        return this.getDownstreamLockTooltip;
+      }
       if (!this.canPushCode) {
         return __('You do not have permission to lock this');
       }
@@ -114,8 +174,30 @@ export default {
     onFetchError() {
       createAlert({ message: this.$options.i18n.fetchError });
     },
+    isExactLock(lock) {
+      return lock.path === this.path;
+    },
+    isUpstreamLock(lock) {
+      return this.path.startsWith(lock.path) && this.path !== lock.path;
+    },
+    isDownstreamLock(lock) {
+      return lock.path.startsWith(this.path) && this.path !== lock.path;
+    },
+    mapPathLocks(lock) {
+      if (this.isExactLock(lock)) {
+        return { ...lock, isExactLock: true };
+      }
+      if (this.isUpstreamLock(lock)) {
+        return { ...lock, isUpstreamLock: true };
+      }
+      if (this.isDownstreamLock(lock)) {
+        return { ...lock, isDownstreamLock: true };
+      }
+      return lock;
+    },
     toggleLock() {
-      this.isLocked = !this.isLocked;
+      // will be handled in a following MR
+      return true;
     },
   },
 };
diff --git a/ee/app/assets/javascripts/repository/queries/path_locks.fragment.graphql b/ee/app/assets/javascripts/repository/queries/path_locks.fragment.graphql
index 74a94743a1636c47c24088e866619677ff3d72ab..f8b2f35a96a591e7e4b6998e027965b542778f28 100644
--- a/ee/app/assets/javascripts/repository/queries/path_locks.fragment.graphql
+++ b/ee/app/assets/javascripts/repository/queries/path_locks.fragment.graphql
@@ -7,6 +7,7 @@ fragment ProjectPathLocksFragment on Project {
       user {
         id
         username
+        name
       }
     }
   }
diff --git a/ee/spec/frontend/repository/components/blob_content_viewer_spec.js b/ee/spec/frontend/repository/components/blob_content_viewer_spec.js
index 1b608aac64f1fe72e1446560b4a0e5d8086198e3..429066b304edbf483a532759b3168db2d9e47ddc 100644
--- a/ee/spec/frontend/repository/components/blob_content_viewer_spec.js
+++ b/ee/spec/frontend/repository/components/blob_content_viewer_spec.js
@@ -17,13 +17,8 @@ import { mountExtended } from 'helpers/vue_test_utils_helper';
 import highlightMixin from '~/repository/mixins/highlight_mixin';
 import getRefMixin from '~/repository/mixins/get_ref';
 import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
-import {
-  simpleViewerMock,
-  richViewerMock,
-  projectMock,
-  userPermissionsMock,
-  propsMock,
-} from 'jest/repository/mock_data';
+import { simpleViewerMock, richViewerMock, propsMock } from 'jest/repository/mock_data';
+import { projectMock, userPermissionsMock } from 'ee_jest/repository/mock_data';
 import aiResponseSubscription from 'ee/graphql_shared/subscriptions/ai_completion_response.subscription.graphql';
 
 jest.mock('~/lib/utils/common_utils');
diff --git a/ee/spec/frontend/repository/components/lock_directory_button_spec.js b/ee/spec/frontend/repository/components/lock_directory_button_spec.js
index 8eee7a5b553a401104ba40693281307015de02bf..95c27cf84fcfd050accdff54875b98690e205d92 100644
--- a/ee/spec/frontend/repository/components/lock_directory_button_spec.js
+++ b/ee/spec/frontend/repository/components/lock_directory_button_spec.js
@@ -8,7 +8,14 @@ import { createAlert } from '~/alert';
 import projectInfoQuery from 'ee_component/repository/queries/project_info.query.graphql';
 import currentUserQuery from '~/graphql_shared/queries/current_user.query.graphql';
 import LockDirectoryButton from 'ee_component/repository/components/lock_directory_button.vue';
-import { projectMock, userPermissionsMock, userMock } from 'ee_jest/repository/mock_data';
+import {
+  projectMock,
+  exactDirectoryLock,
+  upstreamDirectoryLock,
+  downstreamDirectoryLock,
+  userPermissionsMock,
+  userMock,
+} from 'ee_jest/repository/mock_data';
 
 Vue.use(VueApollo);
 jest.mock('~/alert');
@@ -21,7 +28,9 @@ describe('LockDirectoryButton', () => {
   const signedOutUserResolver = jest.fn().mockResolvedValue({ data: { currentUser: null } });
   const currentUserErrorResolver = jest.fn().mockRejectedValue(new Error('Request failed'));
 
-  const projectInfoQueryMockResolver = jest.fn().mockResolvedValue(projectMock);
+  const projectInfoQueryMockResolver = jest
+    .fn()
+    .mockResolvedValue({ data: { project: projectMock } });
   const projectInfoQueryErrorResolver = jest.fn().mockRejectedValue(new Error('Request failed'));
 
   const createComponent = ({
@@ -44,7 +53,7 @@ describe('LockDirectoryButton', () => {
       },
       propsData: {
         projectPath: 'group/project',
-        path: 'app/models',
+        path: 'test/component',
         ...props,
       },
       stubs: {
@@ -100,10 +109,9 @@ describe('LockDirectoryButton', () => {
 
     it('renders disabled with correct tooltip if user does not have permissions to push code', async () => {
       const projectWithNoPushPermission = {
-        ...projectMock,
         data: {
           project: {
-            ...projectMock.data.project,
+            ...projectMock,
             userPermissions: {
               ...userPermissionsMock,
               pushCode: false,
@@ -120,6 +128,237 @@ describe('LockDirectoryButton', () => {
       expect(findLockDirectoryButton().props('disabled')).toBe(true);
       expect(wrapper.attributes('title')).toBe('You do not have permission to lock this');
     });
+
+    it('renders enabled without a tooltip when user can push code', async () => {
+      const projectWithNoLocks = {
+        data: {
+          project: {
+            ...projectMock,
+            pathLocks: { __typename: 'PathLockConnection', nodes: [] },
+          },
+        },
+      };
+      createComponent({ projectInfoResolver: jest.fn().mockResolvedValue(projectWithNoLocks) });
+      await waitForPromises();
+
+      expect(findLockDirectoryButton().text()).toBe('Lock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(false);
+      expect(wrapper.attributes('title')).toBe('');
+    });
+  });
+
+  describe('lock types', () => {
+    it.each`
+      mock                       | type                  | isExactLock  | isUpstreamLock | isDownstreamLock
+      ${exactDirectoryLock}      | ${'isExactLock'}      | ${true}      | ${undefined}   | ${undefined}
+      ${upstreamDirectoryLock}   | ${'isUpstreamLock'}   | ${undefined} | ${true}        | ${undefined}
+      ${downstreamDirectoryLock} | ${'isDownstreamLock'} | ${undefined} | ${undefined}   | ${true}
+    `(
+      'correctly assigns the lock type as $type depending on PathLock data',
+      async ({ mock, type, isExactLock, isUpstreamLock, isDownstreamLock }) => {
+        createComponent({
+          projectInfoResolver: jest.fn().mockResolvedValue({
+            data: {
+              project: {
+                ...projectMock,
+                pathLocks: {
+                  __typename: 'PathLockConnection',
+                  nodes: [mock],
+                },
+              },
+            },
+          }),
+        });
+        await waitForPromises();
+
+        expect(wrapper.vm.$data.pathLock[type]).toBe(true);
+        expect(wrapper.vm.$data.pathLock.isExactLock).toBe(isExactLock);
+        expect(wrapper.vm.pathLock.isUpstreamLock).toBe(isUpstreamLock);
+        expect(wrapper.vm.pathLock.isDownstreamLock).toBe(isDownstreamLock);
+      },
+    );
+  });
+
+  describe('when there is an exact lock', () => {
+    it('renders an enabled "Unlock" button with a tooltip when user is allowed to unlock', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [exactDirectoryLock],
+              },
+            },
+          },
+        }),
+      });
+      await waitForPromises();
+      expect(findLockDirectoryButton().text()).toBe('Unlock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(false);
+      expect(wrapper.attributes('title')).toContain('Locked by User2');
+    });
+
+    it('renders an enabled "Unlock" button when lock author is allowed to unlock', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [
+                  {
+                    ...exactDirectoryLock,
+                    user: {
+                      __typename: 'CurrentUser',
+                      id: 'gid://gitlab/User/1',
+                      username: 'root',
+                      name: 'Administrator',
+                    },
+                  },
+                ],
+              },
+            },
+          },
+        }),
+      });
+      await waitForPromises();
+
+      expect(findLockDirectoryButton().text()).toBe('Unlock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(false);
+      expect(wrapper.attributes('title')).toEqual('');
+    });
+
+    it('renders a disabled "Unlock" button with a tooltip when user is not allowed to unlock', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              userPermissions: {
+                ...userPermissionsMock,
+                adminPathLocks: false,
+                canPushCode: false,
+              },
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [exactDirectoryLock],
+              },
+            },
+          },
+        }),
+      });
+      await waitForPromises();
+      expect(findLockDirectoryButton().text()).toBe('Unlock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(true);
+      expect(wrapper.attributes('title')).toContain(
+        'Locked by User2. You do not have permission to unlock this',
+      );
+    });
+  });
+
+  describe('when there is an upstream lock', () => {
+    it('renders a disabled "Unlock" button with a tooltip when user is allowed to unlock', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [upstreamDirectoryLock],
+              },
+            },
+          },
+        }),
+      });
+      await waitForPromises();
+
+      expect(findLockDirectoryButton().text()).toBe('Unlock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(true);
+      expect(wrapper.attributes('title')).toContain(
+        'Unlock that directory in order to unlock this',
+      );
+    });
+
+    it('renders a disabled "Unlock" button with a tooltip when user is not allowed to unlock', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              userPermissions: {
+                ...userPermissionsMock,
+                adminPathLocks: false,
+              },
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [upstreamDirectoryLock],
+              },
+            },
+          },
+        }),
+      });
+      await waitForPromises();
+
+      expect(findLockDirectoryButton().text()).toBe('Unlock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(true);
+      expect(wrapper.attributes('title')).toContain('You do not have permission to unlock it');
+    });
+  });
+
+  describe('when there is a downstream lock', () => {
+    it('renders a disabled "Lock" button with a tooltip when user is allowed to lock', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [downstreamDirectoryLock],
+              },
+            },
+          },
+        }),
+      });
+      await waitForPromises();
+
+      expect(findLockDirectoryButton().text()).toBe('Lock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(true);
+      expect(wrapper.attributes('title')).toContain(
+        'This directory cannot be locked while User2 has a lock on "test/component/icon". Unlock this in order to proceed',
+      );
+    });
+
+    it('renders a disabled "Lock" button with a tooltip when user is not allowed to lock', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              userPermissions: {
+                ...userPermissionsMock,
+                adminPathLocks: false,
+              },
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [downstreamDirectoryLock],
+              },
+            },
+          },
+        }),
+      });
+      await waitForPromises();
+
+      expect(findLockDirectoryButton().text()).toBe('Lock');
+      expect(findLockDirectoryButton().props('disabled')).toBe(true);
+      expect(wrapper.attributes('title')).toContain(
+        'This directory cannot be locked while User2 has a lock on "test/component/icon". You do not have permission to unlock it',
+      );
+    });
   });
 
   describe('modal', () => {
@@ -132,19 +371,33 @@ describe('LockDirectoryButton', () => {
     it('has a unique modal id', async () => {
       findLockDirectoryButton().trigger('click');
       await waitForPromises();
-      expect(findModal().props('modalId')).toBe('lock-directory-modal-app-models');
+      expect(findModal().props('modalId')).toBe('lock-directory-modal-test-component');
     });
 
-    it.each`
-      locked   | expectedContent
-      ${true}  | ${'Are you sure you want to unlock this directory?'}
-      ${false} | ${'Are you sure you want to lock this directory?'}
-    `('displays $expectedContent when isLocked is $locked', async ({ locked, expectedContent }) => {
+    it('displays correct content, when user tries to lock the directory', async () => {
+      findLockDirectoryButton().trigger('click');
+      await waitForPromises();
+      expect(findModal().text()).toContain('Are you sure you want to lock this directory?');
+    });
+
+    it('displays correct content, when user tries to unlock the directory', async () => {
+      createComponent({
+        projectInfoResolver: jest.fn().mockResolvedValue({
+          data: {
+            project: {
+              ...projectMock,
+              pathLocks: {
+                __typename: 'PathLockConnection',
+                nodes: [exactDirectoryLock],
+              },
+            },
+          },
+        }),
+      });
       await waitForPromises();
-      wrapper.vm.isLocked = locked;
       findLockDirectoryButton().trigger('click');
       await waitForPromises();
-      expect(findModal().text()).toContain(expectedContent);
+      expect(findModal().text()).toContain('Are you sure you want to unlock this directory?');
     });
   });
 
diff --git a/ee/spec/frontend/repository/mock_data.js b/ee/spec/frontend/repository/mock_data.js
index 8740d7dcc125512d511113c3488d8d9eb85cefe3..84433e53f57c944e37745381ca4dcc80325963f2 100644
--- a/ee/spec/frontend/repository/mock_data.js
+++ b/ee/spec/frontend/repository/mock_data.js
@@ -76,12 +76,63 @@ export const userPermissionsMock = {
 };
 
 export const projectMock = {
-  data: {
-    project: {
-      __typename: 'Project',
-      id: 'gid://gitlab/Project/7',
-      userPermissions: userPermissionsMock,
-    },
+  __typename: 'Project',
+  id: 'gid://gitlab/Project/7',
+  userPermissions: userPermissionsMock,
+  pathLocks: {
+    __typename: 'PathLockConnection',
+    nodes: [
+      {
+        __typename: 'PathLock',
+        id: 'gid://gitlab/PathLock/2',
+        path: 'locked_file.js',
+        user: {
+          id: 'gid://gitlab/User/1',
+          username: 'root',
+          name: 'Administrator',
+          __typename: 'UserCore',
+        },
+      },
+    ],
+  },
+  repository: {
+    empty: false,
+  },
+};
+
+export const exactDirectoryLock = {
+  __typename: 'PathLock',
+  id: 'gid://gitlab/PathLock/1',
+  path: 'test/component',
+  user: {
+    __typename: 'UserCore',
+    id: 'gid://gitlab/User/2',
+    username: 'user2',
+    name: 'User2',
+  },
+};
+
+export const upstreamDirectoryLock = {
+  __typename: 'PathLock',
+  id: 'gid://gitlab/PathLock/3',
+  path: 'test',
+  user: {
+    __typename: 'UserCore',
+    id: 'gid://gitlab/User/2',
+    username: 'user2',
+    name: 'User2',
+  },
+};
+
+export const downstreamDirectoryLock = {
+  __typename: 'PathLock',
+  id: 'gid://gitlab/PathLock/2',
+  path: 'test/component/icon',
+  user: {
+    __typename: 'UserCore',
+    id: 'gid://gitlab/User/2',
+    username: 'user2',
+    name: 'User2',
   },
 };
 
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index 6cc5ed9ebc4c26e8c91639a4f39204473df787fa..f06de2b773fd8eb86dd8e6d6f67f875da892ab16 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -1062,6 +1062,9 @@ msgstr ""
 msgid "%{listToShow}, and %{awardsListLength} more"
 msgstr ""
 
+msgid "%{locker} has a lock on \"%{path}\". %{additionalPhrase}"
+msgstr ""
+
 msgid "%{mergeLength}/%{usersLength} can merge"
 msgstr ""
 
@@ -32811,6 +32814,12 @@ msgstr ""
 msgid "Locked by %{fileLockUserName}"
 msgstr ""
 
+msgid "Locked by %{locker}"
+msgstr ""
+
+msgid "Locked by %{locker}. You do not have permission to unlock this"
+msgstr ""
+
 msgid "Locked files"
 msgstr ""
 
@@ -56597,6 +56606,9 @@ msgstr ""
 msgid "This directory"
 msgstr ""
 
+msgid "This directory cannot be locked while %{locker} has a lock on \"%{path}\". %{additionalPhrase}"
+msgstr ""
+
 msgid "This domain is not verified. You will need to verify ownership before access is enabled."
 msgstr ""
 
@@ -59316,12 +59328,18 @@ msgstr ""
 msgid "Unlock more features with GitLab Ultimate"
 msgstr ""
 
+msgid "Unlock that directory in order to unlock this"
+msgstr ""
+
 msgid "Unlock the discussion"
 msgstr ""
 
 msgid "Unlock this discussion? %{strongStart}Everyone%{strongEnd} will be able to comment."
 msgstr ""
 
+msgid "Unlock this in order to proceed"
+msgstr ""
+
 msgid "Unlocked"
 msgstr ""
 
@@ -64229,6 +64247,9 @@ msgstr ""
 msgid "You do not have permission to set a member awaiting"
 msgstr ""
 
+msgid "You do not have permission to unlock it"
+msgstr ""
+
 msgid "You do not have permission to update the environment."
 msgstr ""
 
diff --git a/spec/frontend/repository/components/blob_content_viewer_spec.js b/spec/frontend/repository/components/blob_content_viewer_spec.js
index 66de1e8aacaf2ea83ee0daab35a32cb81eace18f..525a1beae39dcea0eda1fe89b36ee6ac91b9e2b1 100644
--- a/spec/frontend/repository/components/blob_content_viewer_spec.js
+++ b/spec/frontend/repository/components/blob_content_viewer_spec.js
@@ -92,23 +92,13 @@ const createComponent = async (mockData = {}, mountFn = shallowMount, mockRoute
   };
 
   const projectInfo = {
-    __typename: 'Project',
-    id: projectMock.id,
+    ...projectMock,
     userPermissions: {
       pushCode,
       forkProject,
       downloadCode,
       createMergeRequestIn,
     },
-    pathLocks: {
-      nodes: [
-        {
-          id: 'test',
-          path: 'locked_file.js',
-          user: { id: '123', username: 'root' },
-        },
-      ],
-    },
   };
 
   projectInfoMockResolver = jest.fn().mockResolvedValue({
@@ -476,7 +466,7 @@ describe('Blob content viewer component', () => {
       } = projectMock;
 
       it('renders component', async () => {
-        window.gon.current_user_id = 1;
+        window.gon.current_user_id = 'gid://gitlab/User/1';
         window.gon.current_username = 'root';
 
         await createComponent({ pushCode, downloadCode, empty }, mount);
diff --git a/spec/frontend/repository/mock_data.js b/spec/frontend/repository/mock_data.js
index 272947fe54d63407d0ca4f300121ab78e9039dcf..08b87d121b707fbfc2edb77d1af1f966ea44b901 100644
--- a/spec/frontend/repository/mock_data.js
+++ b/spec/frontend/repository/mock_data.js
@@ -54,18 +54,26 @@ export const userPermissionsMock = {
   forkProject: true,
   downloadCode: true,
   createMergeRequestIn: true,
+  __typename: 'ProjectPermissions',
 };
 
 export const projectMock = {
   __typename: 'Project',
-  id: '1234',
+  id: 'gid://gitlab/Project/7',
   userPermissions: userPermissionsMock,
   pathLocks: {
+    __typename: 'PathLockConnection',
     nodes: [
       {
-        id: 'test',
+        __typename: 'PathLock',
+        id: 'gid://gitlab/PathLock/2',
         path: 'locked_file.js',
-        user: { id: '123', username: 'root' },
+        user: {
+          id: 'gid://gitlab/User/1',
+          username: 'root',
+          name: 'Administrator',
+          __typename: 'UserCore',
+        },
       },
     ],
   },