{
if (folders[folderId]?.shared && folders[folderId]?.permission !== 'write') return;
if (clickTimer) {
clearTimeout(clickTimer); // cancel the single-click action
clickTimer = null;
}
renameHandler();
}}
on:click={async (e) => {
if (clickTimer) {
clearTimeout(clickTimer);
clickTimer = null;
}
clickTimer = setTimeout(async () => {
const folder = await getFolderById(localStorage.token, folderId).catch((error) => {
toast.error(`${error}`);
return null;
});
if (folder) {
await selectedFolder.set({ ...folders[folderId], ...folder });
}
await goto(`/folders/${folderId}`);
if ($mobile) {
showSidebar.set(!$showSidebar);
}
clickTimer = null;
}, 100); // 100ms delay (typical double-click threshold)
}}
on:pointerup={(e) => {
e.stopPropagation();
}}
>
{#if edit}
{
console.log('Blur');
updateHandler({ name });
edit = false;
}}
on:click={(e) => {
// Prevent accidental collapse toggling when clicking inside input
e.stopPropagation();
}}
on:mousedown={(e) => {
// Prevent accidental collapse toggling when clicking inside input
e.stopPropagation();
}}
on:keydown={(e) => {
if (e.key === 'Enter') {
updateHandler({ name });
edit = false;
}
}}
class="w-full h-full bg-transparent outline-hidden"
/>
{:else}
{folders[folderId].name}
{#if !folders[folderId]?.shared && (folders[folderId]?.unread_count ?? 0) > 0}
{formatUnreadCount(folders[folderId].unread_count)}
{/if}
{/if}
{#if !folders[folderId]?.shared || folders[folderId]?.permission === 'write'}