mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

SoapboxConfig: use new FileInput

soapbox-json-api
Alex Gleason 2022-05-16 18:33:44 -05:00
rodzic 02edd5cd36
commit 673b4a38b9
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 3 dodań i 4 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
app/soapbox/components/ui/file-input/file-input.tsx
Wyświetl plik

@ -1,6 +1,6 @@
import React, { forwardRef } from 'react'; import React, { forwardRef } from 'react';
interface IFileInput extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'required' | 'disabled' | 'name'> { } interface IFileInput extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'required' | 'disabled' | 'name' | 'accept'> { }
const FileInput = forwardRef<HTMLInputElement, IFileInput>((props, ref) => { const FileInput = forwardRef<HTMLInputElement, IFileInput>((props, ref) => {
return ( return (

5
app/soapbox/features/soapbox_config/index.tsx
Wyświetl plik

@ -14,6 +14,7 @@ import {
FormActions, FormActions,
FormGroup, FormGroup,
Input, Input,
FileInput,
Textarea, Textarea,
Button, Button,
Toggle, Toggle,
@ -199,10 +200,8 @@ const SoapboxConfig: React.FC = () => {
labelText={<FormattedMessage id='soapbox_config.fields.logo_label' defaultMessage='Logo' />} labelText={<FormattedMessage id='soapbox_config.fields.logo_label' defaultMessage='Logo' />}
hintText={<FormattedMessage id='soapbox_config.hints.logo' defaultMessage='SVG. At most 2 MB. Will be displayed to 50px height, maintaining aspect ratio' />} hintText={<FormattedMessage id='soapbox_config.hints.logo' defaultMessage='SVG. At most 2 MB. Will be displayed to 50px height, maintaining aspect ratio' />}
> >
<input <FileInput
type='file'
onChange={handleFileChange(['logo'])} onChange={handleFileChange(['logo'])}
className='text-sm'
accept='image/svg,image/png' accept='image/svg,image/png'
/> />
</FormGroup> </FormGroup>