Trim long filenames

This commit is contained in:
momo5502
2025-06-01 17:48:30 +02:00
parent f6b4a5bbc1
commit 1ddedacf1d
2 changed files with 28 additions and 5 deletions

View File

@@ -111,6 +111,18 @@ function renderElement(element: FolderElement, props: FolderProps) {
);
}
export function trimFilename(filename: string, limit = 25) {
if (limit < 4) {
limit = 4;
}
if (filename.length < limit) {
return filename;
}
return filename.substring(0, limit - 3) + "...";
}
function renderElementWithContext(element: FolderElement, props: FolderProps) {
if (element.name == "..") {
return renderElement(element, props);
@@ -129,7 +141,7 @@ function renderElementWithContext(element: FolderElement, props: FolderProps) {
</Tooltip>
</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuLabel inset>{element.name}</ContextMenuLabel>
<ContextMenuLabel>{trimFilename(element.name)}</ContextMenuLabel>
<ContextMenuSeparator />
<ContextMenuItem onClick={() => props.renameElementHandler(element)}>
Rename