Service info page

relferreira · Feb 10, 2019 · 821c82a · 821c82a
1 parent 3aca03d
commit 821c82a
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/ui/containers/ServiceInfo.js b/ui/containers/ServiceInfo.js
@@ -7,6 +7,10 @@ import {
   getServiceInfo
 } from '../state-management/services-management';
 
+const ServiceType = styled.h3`
+  margin-bottom: 16px;
+`;
+
 export default function ServiceInfo({ namespace, name }) {
   const { response, loading } = getServiceInfo(namespace, name);
 
@@ -21,18 +25,27 @@ export default function ServiceInfo({ namespace, name }) {
   return (
     <div>
       <h1>{metadata.name}</h1>
+      <ServiceType>Type: {spec.type}</ServiceType>
       <h3>IPs</h3>
       <Table>
         <thead>
           <tr>
             <th>Cluster IP</th>
             <th>Public IP</th>
+            <th>Ports</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <td>{spec.clusterIP}</td>
             <td>{getPublicIP(status.loadBalancer)}</td>
+            <td>
+              {spec.ports.map(portInfo => (
+                <p key={portInfo.port}>
+                  {portInfo.port}/{portInfo.protocol}
+                </p>
+              ))}
+            </td>
           </tr>
         </tbody>
       </Table>