All files / components/Errors/ServerError ServerError.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
 
 
 
 
 
 
 
 
91x
22x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Button } from '../../ButtonsAndLinks/Button/Button'
import { BaseError } from '../BaseError/BaseError'
 
type ServerErrorProps = {
	reset?: () => void
}
 
/**
 * Custom 500 Page, occures when something went wrong on server side.
 */
export const ServerError: React.FC<ServerErrorProps> = ({ reset }) => {
	return (
		<BaseError
			errorCode={500}
			headline="Fehler auf unserer Seite"
			action={
				<Button onClick={reset} className="mx-auto mt-5" icon="sync">
					Erneut versuchen
				</Button>
			}
		>
			<p className="mb-2 md:mb-4">
				Auf unserer Seite ist ein Fehler aufgetreten. Probieren Sie es nochmal oder warten Sie bis wir den Fehler
				gefunden haben. Melden Sie hier den Fehler damit wir die Ursache schneller beheben können.
			</p>
		</BaseError>
	)
}