muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

#58 fixed upload buttons appearance

Browse source
This commit is contained in:
Fedor Katurov 2021-03-29 09:37:13 +07:00
parent 97958a358b
commit d9af895558
3 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/editors/EditorUploadButton/index.tsx
View file

@ -12,12 +12,14 @@ type IProps = IEditorComponentProps & {
accept?: string;
icon?: string;
type?: typeof UPLOAD_TYPES[keyof typeof UPLOAD_TYPES];
label?: string;
};
const EditorUploadButton: FC<IProps> = ({
accept = 'image/*',
icon = 'plus',
type = UPLOAD_TYPES.IMAGE,
label,
}) => {
const { uploadFiles } = useFileUploaderContext()!;
const { values } = useNodeFormContext();
@ -35,8 +37,10 @@ const EditorUploadButton: FC<IProps> = ({
[uploadFiles]
);
const color = values.is_promoted ? 'primary' : 'lab';
return (
<Button type="button" round size="giant" className={styles.wrap}>
<Button type="button" round size="giant" className={styles.wrap} label={label} color={color}>
<Icon icon={icon} size={24} />
<input type="file" onChange={onInputChange} accept={accept} multiple />
</Button>