IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Frontend: Auto reload page when chunk is not found (#33445)

Browse Source
This commit is contained in:
Torkel Ödegaard 2021-04-28 09:31:52 +02:00 committed by GitHub
parent 20ee0e9601
commit 3a93313f75
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/app/core/components/DynamicImports/ErrorLoadingChunk.tsx
View File

@ -1,6 +1,7 @@
import React, { FunctionComponent } from 'react'; import React, { FunctionComponent } from 'react';
import { Button, stylesFactory } from '@grafana/ui'; import { Button, stylesFactory } from '@grafana/ui';
import { css } from '@emotion/css'; import { css } from '@emotion/css';
import { useUrlParams } from 'app/core/navigation/hooks';
const getStyles = stylesFactory(() => { const getStyles = stylesFactory(() => {
return css` return css`
@ -13,7 +14,15 @@ interface Props {
error: Error | null; error: Error | null;
} }
export const ErrorLoadingChunk: FunctionComponent<Props> = ({ error }) => ( export const ErrorLoadingChunk: FunctionComponent<Props> = ({ error }) => {
const [params, updateUrlParams] = useUrlParams();
if (!params.get('chunkNotFound')) {
updateUrlParams({ chunkNotFound: true }, true);
window.location.reload();
}
return (
<div className={getStyles()}> <div className={getStyles()}>
<h2>Unable to find application file</h2> <h2>Unable to find application file</h2>
<br /> <br />
@ -30,6 +39,7 @@ export const ErrorLoadingChunk: FunctionComponent<Props> = ({ error }) => (
{error && error.stack ? error.stack : null} {error && error.stack ? error.stack : null}
</details> </details>
</div> </div>
); );
};
ErrorLoadingChunk.displayName = 'ErrorLoadingChunk'; ErrorLoadingChunk.displayName = 'ErrorLoadingChunk';