LogalDeveloper/owncast
0
Fork 0
Code Activity

Filesize limit for logoupload (#2522)

Browse Source 
* add readable byts helper function

* adjust wording for logo upload

* limit file size to 2 MB

* remove log

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
This commit is contained in:
André Rusakow
2022-12-29 00:41:49 +01:00
committed by GitHub
parent 3819335090
commit 05c8ce223b
3 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/config/EditLogo.tsx
View File

@@ -18,7 +18,12 @@ import {
} from '../../utils/input-statuses';
import { NEXT_PUBLIC_API_HOST } from '../../utils/apis';
import { ACCEPTED_IMAGE_TYPES, getBase64 } from '../../utils/images';
import {
ACCEPTED_IMAGE_TYPES,
getBase64,
MAX_IMAGE_FILESIZE,
readableBytes,
} from '../../utils/images';
export const EditLogo: FC = () => {
const [logoUrl, setlogoUrl] = useState(null);
@@ -47,6 +52,14 @@ export const EditLogo: FC = () => {
// eslint-disable-next-line consistent-return
return new Promise<void>((res, rej) => {
if (file.size > MAX_IMAGE_FILESIZE) {
const msg = `File size is too big: ${readableBytes(file.size)}`;
setSubmitStatus(createInputStatus(STATUS_ERROR, `There was an error: ${msg}`));
resetTimer = setTimeout(resetStates, RESET_TIMEOUT);
setLoading(false);
// eslint-disable-next-line no-promise-executor-return
return rej();
}
if (!ACCEPTED_IMAGE_TYPES.includes(file.type)) {
const msg = `File type is not supported: ${file.type}`;
setSubmitStatus(createInputStatus(STATUS_ERROR, `There was an error: ${msg}`));