Make it more clear which source you are connected to

ui/src/sources/components/InfluxTable.js

@@ -120,12 +120,14 @@ const InfluxTable = ({
                       )}
                     </td>
                     <td className="text-right">
-                      <Link
-                        className="btn btn-success btn-xs"
-                        to={`/sources/${s.id}/hosts`}
-                      >
-                        Connect
-                      </Link>
+                      {s.id === source.id
+                        ? <span className="currently-connected-source">Connected</span>
+                        : <Link
+                            className="btn btn-success btn-xs"
+                            to={`/sources/${s.id}/hosts`}
+                          >
+                            Connect
+                          </Link>}
                       <button
                         className="btn btn-danger btn-xs"
                         onClick={() => handleDeleteSource(s)}

ui/src/style/unsorted.scss

@@ -178,4 +178,11 @@
   }
 }
 
+.currently-connected-source {
+  color: $c-rainforest;
+  font-weight: 600;
+  font-size: 12px;
+  margin: 0 4px;
+  @include no-user-select();
+}