kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
40 wiersze
1.1 KiB
TypeScript
40 wiersze
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
import { undoUploadCompose, changeUploadCompose } from 'soapbox/actions/compose';
|
|
import Upload from 'soapbox/components/upload';
|
|
import { useAppDispatch, useCompose, useInstance } from 'soapbox/hooks';
|
|
|
|
interface IUploadCompose {
|
|
id: string;
|
|
composeId: string;
|
|
onSubmit?(): void;
|
|
}
|
|
|
|
const UploadCompose: React.FC<IUploadCompose> = ({ composeId, id, onSubmit }) => {
|
|
const dispatch = useAppDispatch();
|
|
const { pleroma: { metadata: { description_limit: descriptionLimit } } } = useInstance();
|
|
|
|
const media = useCompose(composeId).media_attachments.find(item => item.id === id)!;
|
|
|
|
const handleDescriptionChange = (description: string) => {
|
|
dispatch(changeUploadCompose(composeId, media.id, { description }));
|
|
};
|
|
|
|
const handleDelete = () => {
|
|
dispatch(undoUploadCompose(composeId, media.id));
|
|
};
|
|
|
|
return (
|
|
<Upload
|
|
media={media}
|
|
onDelete={handleDelete}
|
|
onDescriptionChange={handleDescriptionChange}
|
|
onSubmit={onSubmit}
|
|
descriptionLimit={descriptionLimit}
|
|
withPreview
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default UploadCompose;
|