Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: some file block issues (#6085)

Browse Source
This commit is contained in:
Kilu.He 2024-08-28 10:30:08 +08:00 committed by GitHub
parent c4cdcbff73
commit 7541dff00e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/appflowy_web_app/src/components/editor/components/blocks/file/FileBlock.tsx
View File

@ -1,17 +1,15 @@
import { FieldURLType } from '@/application/collab.type';
import { notify } from '@/components/_shared/notify';
import RightTopActionsToolbar from '@/components/editor/components/block-actions/RightTopActionsToolbar';
import { EditorElementProps, FileNode } from '@/components/editor/editor.type';
import { copyTextToClipboard } from '@/utils/copy';
import { downloadFile } from '@/utils/download';
import { renderDate } from '@/utils/time';
import React, { forwardRef, memo, useCallback, useMemo, useState } from 'react';
import { ReactComponent as FileIcon } from '@/assets/file_upload.svg';
import { useTranslation } from 'react-i18next';
export const FileBlock = memo(
forwardRef<HTMLDivElement, EditorElementProps<FileNode>>(({ node, children, ...attributes }, ref) => {
const { url, name, url_type, uploaded_at } = useMemo(() => node.data || {}, [node.data]);
const { url, name } = useMemo(() => node.data || {}, [node.data]);
const className = useMemo(() => {
const classList = ['w-full bg-bg-body py-2'];
@ -41,20 +39,6 @@ export const FileBlock = memo(
}
}, [url, name]);
const uploadTypePrefix = useMemo(() => {
const time = renderDate(uploaded_at, 'MMM DD, YYYY', false);
if (url_type === FieldURLType.Upload) {
return t('web.fileBlock.uploadedAt', {
time,
});
} else {
return t('web.fileBlock.linkedAt', {
time,
});
}
}, [uploaded_at, url_type, t]);
return (
<div
{...attributes}
@ -75,9 +59,6 @@ export const FileBlock = memo(
{url ?
<>
<div className={'w-full truncate'}>{name?.trim() || t('document.title.placeholder')}</div>
<div className={'text-xs'}>
{uploadTypePrefix}
</div>
</> :
<div className={'text-text-caption'}>
{t('web.fileBlock.empty')}