Add adjacencies for kubernetes storage components

- Kubernetes storage components such as PV and PVC are connected based on two
parameters Persistent volume claim name and Persistent Volume name.
- PVC contains the volume name which is, PV name itself. Hence, we can
show edge for PVC and PV.
- This will bring higher level visibility for kubernetes storage components.

Signed-off-by: Satyam Zode <satyam.zode@openebs.io>

client/app/scripts/charts/node-shapes.js

@@ -86,4 +86,4 @@ export const NodeShapeHeptagon = props => NodeShape('heptagon', pathElement, hep
 export const NodeShapeOctagon = props => NodeShape('octagon', pathElement, octagonShapeProps, props);
 export const NodeShapeCloud = props => NodeShape('cloud', pathElement, cloudShapeProps, props);
 export const NodeShapeCylinder = props => NodeShape('cylinder', pathElement, cylinderShapeProps, props);
-export const NodeShapeDottedCylinder = props => NodeShape('dottedcylinder', pathElement, dottedCylinderShapeProps, props);
+export const NodeShapeDottedCylinder = props => NodeShape('dottedcylinder', pathElement, dottedCylinderShapeProps, props);

client/app/scripts/charts/node.js

@@ -186,4 +186,4 @@ function mapStateToProps(state) {
 export default connect(
   mapStateToProps,
   { clickNode, enterNode, leaveNode }
-)(Node);
+)(Node);

client/app/scripts/constants/styles.js

@@ -99,4 +99,4 @@ export const NODE_DETAILS_TABLE_XS_LABEL = {
   count: '#',
   // TODO: consider changing the name of this field on the BE
   container: '#',
-};
+};

client/app/scripts/utils/node-shape-utils.js

@@ -30,4 +30,4 @@ export const heptagonShapeProps = { d: curvedUnitPolygonPath(7) };
 export const octagonShapeProps = { d: curvedUnitPolygonPath(8) };
 export const cloudShapeProps = { d: UNIT_CLOUD_PATH };
 export const cylinderShapeProps = { d: UNIT_CYLINDER_PATH };
-export const dottedCylinderShapeProps = { d: UNIT_CYLINDER_PATH };
+export const dottedCylinderShapeProps = { d: UNIT_CYLINDER_PATH };