null check in episode delete dialog

diff --git a/resources/js/components/episodes/DeleteDialog.jsx b/resources/js/components/episodes/DeleteDialog.jsx
index 0ea002151b39c30cbe5f207647f063676ccc9d06..bb96802f88fb78c7a50c140a0625c890d95e7e3f 100644 (file)
--- a/resources/js/components/episodes/DeleteDialog.jsx
+++ b/resources/js/components/episodes/DeleteDialog.jsx
@@ -19,28 +19,30 @@ const Dialog = ({
                                {t('episodes.delete')}
                        </Modal.Title>
                </Modal.Header>
-               <Modal.Body>
-                       {episode.title || episode.event ?
-                               <h4 className="episode-title fs-5 fs-md-4">
-                                       {!episode.confirmed ?
-                                               <span>{`${t('episodes.unconfirmed')} `}</span>
-                                       : null}
-                                       <span>{episode.title || episode.event.title}</span>
-                               </h4>
-                       : null}
-                       <p>{t('episodes.startTime', { date: new Date(episode.start) })}</p>
-                       {episode.comment ?
-                               <p className="episode-comment">
-                                       {episode.comment}
-                               </p>
-                       : null}
-                       {episode.players && episode.players.length ?
-                               <Players players={episode.players} />
-                       : null}
-                       <Alert variant="warning">
-                               {t('episodes.deleteQuestion')}
-                       </Alert>
-               </Modal.Body>
+               {episode ?
+                       <Modal.Body>
+                               {episode.title || episode.event ?
+                                       <h4 className="episode-title fs-5 fs-md-4">
+                                               {!episode.confirmed ?
+                                                       <span>{`${t('episodes.unconfirmed')} `}</span>
+                                               : null}
+                                               <span>{episode.title || episode.event.title}</span>
+                                       </h4>
+                               : null}
+                               <p>{t('episodes.startTime', { date: new Date(episode.start) })}</p>
+                               {episode.comment ?
+                                       <p className="episode-comment">
+                                               {episode.comment}
+                                       </p>
+                               : null}
+                               {episode.players && episode.players.length ?
+                                       <Players players={episode.players} />
+                               : null}
+                               <Alert variant="warning">
+                                       {t('episodes.deleteQuestion')}
+                               </Alert>
+                       </Modal.Body>
+               : null}
                <Modal.Footer>
                        <Button onClick={onHide} variant="secondary">
                                {t('button.cancel')}