muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

type button for comment attach buttons

Browse source
This commit is contained in:
Fedor Katurov 2022-09-14 16:41:57 +07:00
parent 2f8b5599b2
commit 373dc04a6b
1 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/comment/CommentFormAttachButtons/index.tsx
View file

@ -10,26 +10,32 @@ interface IProps {
const CommentFormAttachButtons: FC<IProps> = ({ onUpload }) => { const CommentFormAttachButtons: FC<IProps> = ({ onUpload }) => {
const onInputChange = useCallback( const onInputChange = useCallback(
event => { (event) => {
event.preventDefault(); event.preventDefault();
const files = Array.from(event.target?.files as File[]).filter((file: File) => const files = Array.from(event.target?.files as File[]).filter(
COMMENT_FILE_TYPES.includes(file.type) (file: File) => COMMENT_FILE_TYPES.includes(file.type),
); );
if (!files || !files.length) return; if (!files || !files.length) return;
onUpload(files); onUpload(files);
}, },
[onUpload] [onUpload],
); );
return ( return (
<ButtonGroup> <ButtonGroup>
<Button iconLeft="photo" size="small" color="gray" iconOnly> <Button iconLeft="photo" size="small" color="gray" iconOnly type="button">
<input type="file" onInput={onInputChange} multiple accept="image/*" /> <input type="file" onInput={onInputChange} multiple accept="image/*" />
</Button> </Button>
<Button iconRight="audio" size="small" color="gray" iconOnly> <Button
iconRight="audio"
size="small"
color="gray"
iconOnly
type="button"
>
<input type="file" onInput={onInputChange} multiple accept="audio/*" /> <input type="file" onInput={onInputChange} multiple accept="audio/*" />
</Button> </Button>
</ButtonGroup> </ButtonGroup>