Typo changes to storage dashboard (#344)

Author: cloudbehl

src/components/StorageOverview/Details/Details.js

@@ -16,7 +16,7 @@ import { getName } from '../../../selectors';
 export const StorageDetails = ({ LoadingComponent, cephCluster }) => (
   <DashboardCard>
     <DashboardCardHeader>
-      <DashboardCardTitle>Details</DashboardCardTitle>
+      <DashboardCardTitle>OCS Details</DashboardCardTitle>
     </DashboardCardHeader>
     <DashboardCardBody>
       <DetailsBody>
@@ -30,14 +30,7 @@ export const StorageDetails = ({ LoadingComponent, cephCluster }) => (
         <DetailItem
           key="provider"
           title="Provider"
-          value="Ceph"
-          isLoading={false}
-          LoadingComponent={LoadingComponent}
-        />
-        <DetailItem
-          key="ocs"
-          title="OCS version"
-          value="4.1" // this will be hardcoded for the demo
+          value="Bare Metal"
           isLoading={false}
           LoadingComponent={LoadingComponent}
         />

src/components/StorageOverview/Details/tests/__snapshots__/Details.test.js.snap

@@ -10,7 +10,7 @@ exports[`<Details /> renders correctly 1`] = `
     <h2
       class="card-pf-title"
     >
-      Details
+      OCS Details
     </h2>
   </div>
   <div
@@ -38,19 +38,7 @@ exports[`<Details /> renders correctly 1`] = `
         class="kubevirt-detail__item-value"
       >
         <span>
-          Ceph
-        </span>
-      </dd>
-      <dt
-        class="kubevirt-detail__item-title"
-      >
-        OCS version
-      </dt>
-      <dd
-        class="kubevirt-detail__item-value"
-      >
-        <span>
-          4.1
+          Bare Metal
         </span>
       </dd>
     </dl>

src/components/StorageOverview/OCSHealth/HealthBody.js

@@ -5,17 +5,17 @@ import { get } from 'lodash';
 
 const HealthStatus = {
   0: {
-    message: 'OCS is Healthy',
+    message: 'OCS is healthy',
     iconname: 'check-circle',
     classname: 'ok',
   },
   1: {
-    message: 'OCS health is Degraded',
+    message: 'OCS is degraded',
     iconname: 'exclamation-circle',
     classname: 'warning',
   },
   2: {
-    message: 'OCS health is in Error State',
+    message: 'OCS health is in error state',
     iconname: 'exclamation-triangle',
     classname: 'error',
   },

src/components/StorageOverview/Utilization/Utilization.js

@@ -34,7 +34,7 @@ export const Utilization = ({ iopsUtilization, latencyUtilization, throughputUti
   return (
     <DashboardCard>
       <DashboardCardHeader>
-        <DashboardCardTitle>OCS Perfrormance</DashboardCardTitle>
+        <DashboardCardTitle>Perfrormance</DashboardCardTitle>
       </DashboardCardHeader>
       <DashboardCardBody>
         <UtilizationBody>

src/components/StorageOverview/Utilization/tests/__snapshots__/Utilization.test.js.snap

@@ -10,7 +10,7 @@ exports[`<Utilization /> renders correctly 1`] = `
     <h2
       class="card-pf-title"
     >
-      OCS Perfrormance
+      Perfrormance
     </h2>
   </div>
   <div
@@ -121,7 +121,7 @@ exports[`<Utilization /> renders correctly in Loading state 1`] = `
     <h2
       class="card-pf-title"
     >
-      OCS Perfrormance
+      Perfrormance
     </h2>
   </div>
   <div

src/components/StorageOverview/tests/__snapshots__/StorageOverview.test.js.snap

@@ -26,7 +26,7 @@ exports[`<StorageOverview /> renders correctly with Provider 1`] = `
                 <h2
                   class="card-pf-title"
                 >
-                  Details
+                  OCS Details
                 </h2>
               </div>
               <div
@@ -54,19 +54,7 @@ exports[`<StorageOverview /> renders correctly with Provider 1`] = `
                     class="kubevirt-detail__item-value"
                   >
                     <span>
-                      Ceph
-                    </span>
-                  </dd>
-                  <dt
-                    class="kubevirt-detail__item-title"
-                  >
-                    OCS version
-                  </dt>
-                  <dd
-                    class="kubevirt-detail__item-value"
-                  >
-                    <span>
-                      4.1
+                      Bare Metal
                     </span>
                   </dd>
                 </dl>
@@ -244,7 +232,7 @@ exports[`<StorageOverview /> renders correctly with Provider 1`] = `
                 <h2
                   class="card-pf-title"
                 >
-                  OCS Perfrormance
+                  Perfrormance
                 </h2>
               </div>
               <div