LogalDeveloper/owncast
0
Fork 0
Code Activity

Force logo to re-load after uploading new image. Closes https://github.com/owncast/owncast/issues/894

Browse Source
This commit is contained in:
Gabe Kangas
2021-04-07 22:48:39 -07:00
parent a6732d2ad8
commit e87358aa5b
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/config/edit-logo.tsx
View File

@@ -29,6 +29,7 @@ function getBase64(img: File | Blob, callback: (imageUrl: string | ArrayBuffer)
export default function EditLogo() { export default function EditLogo() {
const [logoUrl, setlogoUrl] = useState(null); const [logoUrl, setlogoUrl] = useState(null);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [logoCachedbuster, setLogoCacheBuster] = useState(0);
const serverStatusData = useContext(ServerStatusContext); const serverStatusData = useContext(ServerStatusContext);
const { setFieldInConfigState, serverConfig } = serverStatusData || {}; const { setFieldInConfigState, serverConfig } = serverStatusData || {};
@@ -79,6 +80,7 @@ export default function EditLogo() {
setFieldInConfigState({ fieldName: 'logo', value: logoUrl, path: '' }); setFieldInConfigState({ fieldName: 'logo', value: logoUrl, path: '' });
setSubmitStatus(createInputStatus(STATUS_SUCCESS)); setSubmitStatus(createInputStatus(STATUS_SUCCESS));
setLoading(false); setLoading(false);
setLogoCacheBuster(Math.floor(Math.random() * 100)); // Force logo to re-load
}, },
onError: (msg: string) => { onError: (msg: string) => {
setSubmitStatus(createInputStatus(STATUS_ERROR, `There was an error: ${msg}`)); setSubmitStatus(createInputStatus(STATUS_ERROR, `There was an error: ${msg}`));
@@ -89,7 +91,7 @@ export default function EditLogo() {
} }
}; };
const logoDisplayUrl = NEXT_PUBLIC_API_HOST + 'logo'; const logoDisplayUrl = NEXT_PUBLIC_API_HOST + 'logo?random=' + logoCachedbuster;
return ( return (
<div className="formfield-container logo-upload-container"> <div className="formfield-container logo-upload-container">