27 lines
607 B
TypeScript
27 lines
607 B
TypeScript
import React from 'react';
|
|
|
|
import UploadProgress from 'pl-fe/components/upload-progress';
|
|
import { useCompose } from 'pl-fe/hooks/use-compose';
|
|
|
|
interface IComposeUploadProgress {
|
|
composeId: string;
|
|
}
|
|
|
|
/** File upload progress bar for post composer. */
|
|
const ComposeUploadProgress: React.FC<IComposeUploadProgress> = ({ composeId }) => {
|
|
const compose = useCompose(composeId);
|
|
|
|
const active = compose.is_uploading;
|
|
const progress = compose.progress;
|
|
|
|
if (!active) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<UploadProgress progress={progress} />
|
|
);
|
|
};
|
|
|
|
export { ComposeUploadProgress as default };
|