From 8b9ea43b5bd99372946d8844933583ea19dd1437 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 22 May 2026 10:21:23 +1000
Subject: [PATCH] [UI] Lock action (#11981)

- Toggle part lock directly from existing icon
---
 src/frontend/src/pages/part/PartDetail.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/pages/part/PartDetail.tsx b/src/frontend/src/pages/part/PartDetail.tsx
index 62742ddaf6..209711b9b2 100644
--- a/src/frontend/src/pages/part/PartDetail.tsx
+++ b/src/frontend/src/pages/part/PartDetail.tsx
@@ -23,6 +23,7 @@ import {
   IconListDetails,
   IconListTree,
   IconLock,
+  IconLockOpen,
   IconPackages,
   IconSearch,
   IconShoppingCart,
@@ -1132,9 +1133,20 @@ export default function PartDetail() {
           <PageDetail
             title={`${t`Part`}: ${part.full_name}`}
             icon={
-              part?.locked ? (
-                <IconLock aria-label='part-lock-icon' />
-              ) : undefined
+              <ActionIcon
+                aria-label='part-lock-icon'
+                variant='transparent'
+                disabled={!user.hasChangeRole(UserRoles.part)}
+                onClick={() => {
+                  api
+                    .patch(apiUrl(ApiEndpoints.part_list, part.pk), {
+                      locked: !part.locked
+                    })
+                    .then(refreshInstance);
+                }}
+              >
+                {part?.locked ? <IconLock /> : <IconLockOpen />}
+              </ActionIcon>
             }
             subtitle={part.description}
             imageUrl={part.image}