All files / components/Errors/ServerError ServerError.tsx

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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>
	)
}