merge dev into testing file

Author: jenaepen

.eslintrc

@@ -0,0 +1,4 @@
+{
+  "extends": "airbnb",
+  "root": true
+}

README.md

@@ -90,14 +90,14 @@ Chronos hopes to inspire an active community of both users and developers. For q
 
 ## People
 
-[Tim Atapagra](https://github.com/orgs/Chronos2-0/people/timpagra),
+[Tim Atapagra](https://github.com/timpagra),
 [Mohtasim Chowdhury](https://github.com/mohtasim317),
-[Ousman Diallo](https://github.com/orgs/Chronos2-0/people/Dialloousman),
+[Ousman Diallo](https://github.com/Dialloousman),
 [Michelle Herrera](https://github.com/mesherrera),
 [Duane McFarlane](https://github.com/Duane11003),
-[Ben Mizel](https://github.com/orgs/Chronos2-0/people/ben-mizel),
-[Jenae Pennie](https://github.com/orgs/Chronos2-0/people/jenaepen),
-[Chris Romano](https://github.com/orgs/Chronos2-0/people/robicano22),
+[Ben Mizel](https://github.com/ben-mizel),
+[Jenae Pennie](https://github.com/jenaepen),
+[Chris Romano](https://github.com/robicano22),
 [Natalie Umanzor](https://github.com/nmczormick)
 
 ## License

app/components/ServiceDetails.jsx

@@ -81,6 +81,7 @@ const ServiceDetails = (props) => {
         type="button"
         onClick={() => {
           // document.location.reload()
+          console.log('should clear data');
           setDetails(null);
         }}
       >

app/components/ServiceOverview.jsx

@@ -158,7 +158,7 @@ const ServiceOverview = (props) => {
                     // Adds returned data to context.
                     healthdata.detailData = Object.values(JSON.parse(data));
                     // Updates state. Triggers rerender.
-                    setDetails(<ServiceDetails service={element.currentMicroservice} />);
+                    setDetails(<ServiceDetails service={element.currentMicroservice} setDetails={setDetails} />);
                   });
                 }}
               >

app/components/ServicesDashboard.jsx

@@ -36,6 +36,8 @@ const ServicesDashboard = (props) => {
     return buttonStore;
   };
 
+  const tooltipWriteup = 'Please provide a different database to monitor additional microservice applications.';
+
   return (
     <div className="servicesDashboardContainer">
       <div className="left">
@@ -44,6 +46,10 @@ const ServicesDashboard = (props) => {
           <div className="left-top">
             <h2 className="dashboardHeader">
               Your Databases
+              <sup className="tooltip">
+                &#9432;
+                <div className="tooltiptext">{tooltipWriteup}</div>
+              </sup>
             </h2>
             {renderServiceList(serviceList)}
           </div>

app/index.css

@@ -88,7 +88,7 @@ margin-top: -100px;
 
   /* Position the tooltip */
   position: absolute;
-  z-index: 1;
+  z-index: 2;
   left: 105%;
   top: -5px;
 }
@@ -232,6 +232,10 @@ form {
   transition: 0.25s;
 }
 
+#databsaseList {
+  z-index: -1;
+}
+
 .microserviceBtn {
   width: 80%;
   height: 50px;