From d71399e2968da49cacab63f891a1d1c3e0fbea6a Mon Sep 17 00:00:00 2001
From: evlist <vdv@dyomedea.com>
Date: Thu, 15 Dec 2022 18:46:58 +0100
Subject: [PATCH] Adding a fullScreen option for our Dialog component.

---
 src/components/dialog/Dialog.tsx        |  2 ++
 src/components/gpx-dialog/GpxDialog.tsx | 15 +++++++--------
 src/components/gpx-import/GpxImport.tsx |  1 +
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/dialog/Dialog.tsx b/src/components/dialog/Dialog.tsx
index a65ca72..dcc9c59 100644
--- a/src/components/dialog/Dialog.tsx
+++ b/src/components/dialog/Dialog.tsx
@@ -10,6 +10,7 @@ import CloseIcon from '@suid/icons-material/Close';
 
 const Dialog: Component<{
   open: boolean;
+  fullScreen?: boolean;
   title: JSXElement;
   closeHandler: (event: any, reason?: string) => void;
   children: JSXElement;
@@ -19,6 +20,7 @@ const Dialog: Component<{
       onClose={props.closeHandler}
       open={props.open}
       PaperProps={{ sx: { minWidth: '300px' } }}
+      fullScreen={props.fullScreen}
     >
       <DialogTitle
         sx={{
diff --git a/src/components/gpx-dialog/GpxDialog.tsx b/src/components/gpx-dialog/GpxDialog.tsx
index 8f7fbbd..8550688 100644
--- a/src/components/gpx-dialog/GpxDialog.tsx
+++ b/src/components/gpx-dialog/GpxDialog.tsx
@@ -1,11 +1,5 @@
 import { useI18n } from '@solid-primitives/i18n';
-import {
-  Box,
-  Button,
-  IconButton,
-  SvgIcon,
-  TextField,
-} from '@suid/material';
+import { Box, Button, IconButton, SvgIcon, TextField } from '@suid/material';
 import { cloneDeep } from 'lodash';
 import { Component, createSignal, Show } from 'solid-js';
 import dispatch from '../../workers/dispatcher-main';
@@ -150,7 +144,12 @@ const GpxDialog: Component<{}> = (props) => {
           </SvgIcon>
         </IconButton>
       </div>
-      <Dialog open={open()} title={t('gpxDialog')} closeHandler={handleClose}>
+      <Dialog
+        open={open()}
+        title={t('gpxDialog')}
+        closeHandler={handleClose}
+        fullScreen={true}
+      >
         <Box
           component='form'
           sx={{
diff --git a/src/components/gpx-import/GpxImport.tsx b/src/components/gpx-import/GpxImport.tsx
index a216998..cb686c8 100644
--- a/src/components/gpx-import/GpxImport.tsx
+++ b/src/components/gpx-import/GpxImport.tsx
@@ -53,6 +53,7 @@ const GpxImport: Component = () => {
         open={filesToImport() !== undefined}
         title={t('gpxImport')}
         closeHandler={handleClose}
+        fullScreen
       >
         <Box
           sx={{