added popup for when connection to user provided database is invalid or times out.

Author: elenaatencio

app/components/SignUp.tsx

@@ -9,7 +9,7 @@ const { ipcRenderer } = window.require('electron');
 const SignUp:React.FC = React.memo(() => {
   const navigate = useNavigate();
   const { setUser } = useContext(DashboardContext);
-  const [failedSignUp, setFailedSignUp] = useState<JSX.Element>(<>hey</>);
+  const [failedSignUp, setFailedSignUp] = useState<JSX.Element>(<></>);
   const [username, setUsername] = useState('');
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');

app/context/ApplicationContext.tsx

@@ -20,6 +20,7 @@ export const ApplicationContext = React.createContext<any>(null);
 const ApplicationContextProvider: React.FC<AppContextProps> = React.memo(props => {
   const children = props.children;
   const [servicesData, setServicesData] = useState([]);
+  const [serviceConnected, setServiceConnected] = useState<boolean>(false);
   // v10 note: there is not function for setApp so app is never updated.
   const [app, setApp] = useState<string>('');
   const [savedMetrics, setSavedMetrics] = useState({});
@@ -74,6 +75,7 @@ const ApplicationContextProvider: React.FC<AppContextProps> = React.memo(props =
       console.log('Leaving fetchedServicesNames function.');
       ipcRenderer.removeAllListeners('servicesResponse');
     });
+
   }, []);
 
     /**
@@ -88,7 +90,11 @@ const ApplicationContextProvider: React.FC<AppContextProps> = React.memo(props =
     ipcRenderer.removeAllListeners('databaseConnected');
     ipcRenderer.send('connect', username, index, URI, databaseType);
     ipcRenderer.on('databaseConnected', (event: Electron.Event, data: any) => {
-      fetchServicesNames(application);
+      if(data === true) {
+        fetchServicesNames(application);
+      } else {
+        alert('Database connection is not valid.');
+      }
     });
   }, []);
 

electron/routes/data.ts

@@ -80,9 +80,10 @@ ipcMain.on('connect', async (message: Electron.IpcMainEvent, username: string, i
       mongoose.connect(URI, { useNewUrlParser: true, useUnifiedTopology: true })
       .then(() => {
           console.log('Connected to user provided mongo database!');
-          message.sender.send('databaseConnected', 'connected!');
+          message.sender.send('databaseConnected', true);
       })
       .catch(error => {
+          message.sender.send('databaseConnected', false);
           console.log('Error connecting to MongoDB inside data.ts connection:', error);
       });  
     } else if (currentDatabaseType === 'SQL'){
@@ -91,10 +92,12 @@ ipcMain.on('connect', async (message: Electron.IpcMainEvent, username: string, i
         message.sender.send('databaseConnected', 'connected!');
     } 
   } catch(err){
+    message.sender.send('databaseConnected', false);
     console.log('Error connecting to databse: ', err);
   }
 });
 
+
 /**
  * @event   serviceRequest/serviceResponse
  * @desc    Query to services table for all microservices of a specific app