diff --git a/.changeset/proud-tables-glow.md b/.changeset/proud-tables-glow.md new file mode 100644 index 000000000..2e910b00d --- /dev/null +++ b/.changeset/proud-tables-glow.md @@ -0,0 +1,7 @@ +--- +"@uppy/provider-views": patch +"@uppy/companion": patch +"@uppy/core": patch +--- + +added icon to webdav provider, add css to truncate large file names diff --git a/packages/@uppy/companion/src/server/provider/webdav/index.js b/packages/@uppy/companion/src/server/provider/webdav/index.js index 97c881c1c..391ec6f51 100644 --- a/packages/@uppy/companion/src/server/provider/webdav/index.js +++ b/packages/@uppy/companion/src/server/provider/webdav/index.js @@ -115,8 +115,17 @@ export default class WebdavProvider extends Provider { // ignore invalid date from server } + // Determine icon based on type and MIME type + let icon = 'file' + if (isFolder) { + icon = 'folder' + } else if (item.mime?.startsWith('video/')) { + icon = 'video' + } + data.items.push({ isFolder, + icon, id: requestPath, name: item.basename, modifiedDate, diff --git a/packages/@uppy/core/src/_common.scss b/packages/@uppy/core/src/_common.scss index 315ae8033..4ee9e32fb 100644 --- a/packages/@uppy/core/src/_common.scss +++ b/packages/@uppy/core/src/_common.scss @@ -49,6 +49,12 @@ text-align: right; } +.uppy-truncate-text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + // Inputs .uppy-c-textInput { diff --git a/packages/@uppy/provider-views/src/Item/components/ListItem.tsx b/packages/@uppy/provider-views/src/Item/components/ListItem.tsx index 225c57f8d..4522644f2 100644 --- a/packages/@uppy/provider-views/src/Item/components/ListItem.tsx +++ b/packages/@uppy/provider-views/src/Item/components/ListItem.tsx @@ -75,7 +75,7 @@ export default function ListItem({ {showTitles && file.data.name ? ( - {file.data.name} + {file.data.name} ) : ( i18n('unnamed') )} @@ -89,7 +89,11 @@ export default function ListItem({
- {showTitles && (file.data.name ?? i18n('unnamed'))} + {showTitles && ( + + {file.data.name ?? i18n('unnamed')} + + )} )}