Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-02 10:03:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-1703] Fix file name overflow (#2267)

Browse source 
fix overflow
This commit is contained in:
nikec 2024-04-01 12:52:36 +02:00 committed by GitHub
parent f5c258e627
commit 862cd05c27
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
interface/app/$libraryId/Explorer/FilePath/RenameTextBox.tsx
View file

@ -2,6 +2,8 @@ import clsx from 'clsx';
import {
forwardRef,
memo,
ReactElement,
ReactNode,
useCallback,
useEffect,
useImperativeHandle,
@ -306,12 +308,14 @@ interface TruncatedTextProps {
}
const TruncatedText = memo(
forwardRef<TruncateMarkup, TruncatedTextProps>(({ text, lines, onTruncate }, ref) => {
const ellipsis = useCallback(() => {
const extension = text.lastIndexOf('.');
if (extension !== -1) return `...${text.slice(-(text.length - extension + 2))}`;
return `...${text.slice(-8)}`;
}, [text]);
forwardRef<TruncateMarkup, TruncatedTextProps>(({ text, lines = 1, onTruncate }, ref) => {
const ellipsis = useCallback(
(rootEl: ReactNode) => {
const truncatedText = (rootEl as ReactElement<{ children: string }>).props.children;
return `...${text.slice(-(truncatedText.length / lines))}`;
},
[text, lines]
);
return (
<TruncateMarkup ref={ref} lines={lines} ellipsis={ellipsis} onTruncate={onTruncate}>