48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {forwardRef, useImperativeHandle, type ReactNode, useCallback} from 'react';
|
|
import {useIntl} from 'react-intl';
|
|
|
|
import {alertDownloadDocumentDisabled, alertOnlyPDFSupported} from '@utils/document';
|
|
import {isPdf} from '@utils/file';
|
|
|
|
export type DocumentRef = {
|
|
handlePreviewPress: () => void;
|
|
}
|
|
|
|
type DocumentProps = {
|
|
canDownloadFiles: boolean;
|
|
enableSecureFilePreview: boolean;
|
|
file: FileInfo;
|
|
children: ReactNode;
|
|
downloadAndPreviewFile: (file: FileInfo) => void;
|
|
}
|
|
|
|
const Document = forwardRef<DocumentRef, DocumentProps>(({canDownloadFiles, children, downloadAndPreviewFile, enableSecureFilePreview, file}: DocumentProps, ref) => {
|
|
const intl = useIntl();
|
|
|
|
const handlePreviewPress = useCallback(async () => {
|
|
if (!canDownloadFiles) {
|
|
alertDownloadDocumentDisabled(intl);
|
|
return;
|
|
}
|
|
|
|
if (enableSecureFilePreview && !isPdf(file)) {
|
|
alertOnlyPDFSupported(intl);
|
|
return;
|
|
}
|
|
|
|
downloadAndPreviewFile(file);
|
|
}, [canDownloadFiles, enableSecureFilePreview, downloadAndPreviewFile, file, intl]);
|
|
|
|
useImperativeHandle(ref, () => ({
|
|
handlePreviewPress,
|
|
}), [handlePreviewPress]);
|
|
|
|
return children;
|
|
});
|
|
|
|
Document.displayName = 'Document';
|
|
|
|
export default Document;
|