added select all services button

Author: stephenhyang

app/context/ApplicationContext.tsx

@@ -44,13 +44,13 @@ const ApplicationContextProvider: React.FC<AppContextProps> = React.memo(props =
     console.log({application});
     // console.log('Hi, inside ApplicationConext - fetchServicesNames callback. Sending servicesRequest to ipcMain.');
     console.log('app when fetch services name: ', application);
-    console.log(application)
+
     ipcRenderer.send('servicesRequest');
     ipcRenderer.on('servicesResponse', (event: Electron.Event, data: any) => {
       //data here refers to the data coming the services document of the database
       let result: any;
       result = JSON.parse(data);
-      console.log('result from ipcrenderer services response is: ', result);
+
       // console.log('Calling setServicesData passing in above result. Current servicesData is the following: ', servicesData);
       setServicesData(result);
       ipcRenderer.removeAllListeners('servicesResponse');
@@ -71,7 +71,6 @@ 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) => {
-      console.log({data});
       if(data === true) {
         fetchServicesNames(application);
       } else {

app/modals/ServicesModal/ServicesLink.tsx

@@ -31,14 +31,19 @@ const ServicesLink = (props) => {
           {service.microservice}
         </div>
       ))}
-      <Link id='selectLink'
-        className="router link"
+      <Link
+        className="selectLink router link"
         to={services.length > 0 ? `/applications/${app}/${services.join(' ')}` : '#'}
       >
         {services.length === 0 && 'Select Services'}
         {services.length === 1 && 'Display Service'}
         {services.length > 1 && 'Compare Services'}
       </Link>
+      <Link
+        className="selectLink router link"
+        to={`/applications/${app}/client event-bus items inventory orders auth`}>
+        Select All Services
+      </Link>
     </div>
   )
 }

app/modals/ServicesModal/ServicesModal.scss

@@ -49,7 +49,7 @@
       text-align: center;
       font-weight: 100;
 
-      &#selectLink {
+      &.selectLink {
         background-color: #fbdca3;
       }
 
@@ -83,4 +83,4 @@
   font-weight: 100;
   color: #444d56;
   border-radius: 5px;
-}
+}

app/modals/ServicesModal/ServicesModal.tsx

@@ -27,6 +27,7 @@ const ServicesModal: React.FC<ServicesModalProps> = React.memo(({ i, app }) => {
   const { servicesData, connectToDB } = useContext(ApplicationContext);
   const [services, setServices] = useState<Array<string>>([]);
   console.log(services);
+  console.log(services.join(' '));
   const [ cardName,dbType,dbURI,description,serviceType ] = applications[i]