refac

src/lib/components/workspace/Tools/ToolkitEditor.svelte

@@ -13,7 +13,7 @@
 	import ConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
 	import ChevronLeft from '$lib/components/icons/ChevronLeft.svelte';
 	import Tooltip from '$lib/components/common/Tooltip.svelte';
-	import LockClosed from '$lib/components/icons/LockClosed.svelte';
+	import AccessButton from '$lib/components/common/AccessButton.svelte';
 	import AccessControlModal from '../common/AccessControlModal.svelte';
 
 	let formElement = null;
@@ -252,19 +252,11 @@ class Tools:
 						</div>
 
 						<div class="self-center shrink-0">
-							<button
-								class="bg-gray-50 hover:bg-gray-100 text-black dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white transition px-2 py-1 rounded-full flex gap-1 items-center"
-								type="button"
+							<AccessButton
 								on:click={() => {
 									showAccessControlModal = true;
 								}}
-							>
-								<LockClosed strokeWidth="2.5" className="size-3.5" />
-
-								<div class="text-sm font-normal shrink-0">
-									{$i18n.t('Access')}
-								</div>
-							</button>
+							/>
 						</div>
 					</div>