fix: add word wrap in error dialog

MDeLuise · Sep 10, 2023 · 203897f · 203897f
1 parent 5cee5fa
commit 203897f
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/frontend/src/components/ErrorDialog.tsx b/frontend/src/components/ErrorDialog.tsx
@@ -18,15 +18,15 @@ export default function ErrorDialog(props: {
 }) {
  return <div>
  <BootstrapDialog
- onClose={() => props.close()}
+ onClose={props.close}
  open={props.open}
  >
  <DialogTitle sx={{ m: 0, p: 2 }} >
  Error
  </DialogTitle>
  <IconButton
  aria-label="close"
- onClick={() => props.close()}
+ onClick={props.close}
  sx={{
  position: 'absolute',
  right: 8,
@@ -36,15 +36,17 @@ export default function ErrorDialog(props: {
  >
  <CloseIcon />
  </IconButton>
- <DialogContent dividers>
+ <DialogContent dividers sx={{
+ overflowWrap: "break-word",
+ }}>
  <Typography gutterBottom>
  {props.text}
  </Typography>
  </DialogContent>
  <DialogActions>
  <Button
  autoFocus
- onClick={() => props.close()}
+ onClick={props.close}
  fullWidth
  >
  Ok