|
|
|
@ -78,8 +78,7 @@ const ResourceVolumes = ({ |
|
|
|
|
</Box> |
|
|
|
|
</Box> |
|
|
|
|
</PanelHeader> |
|
|
|
|
{volume.connections.map( |
|
|
|
|
(connection, index): JSX.Element => { |
|
|
|
|
{volume.connections.map((connection, index): JSX.Element => { |
|
|
|
|
return ( |
|
|
|
|
<> |
|
|
|
|
<Box |
|
|
|
@ -90,20 +89,14 @@ const ResourceVolumes = ({ |
|
|
|
|
> |
|
|
|
|
<Box className={classes.decoratorBox}> |
|
|
|
|
<Decorator |
|
|
|
|
colour={selectDecorator( |
|
|
|
|
connection.connection_state, |
|
|
|
|
)} |
|
|
|
|
colour={selectDecorator(connection.connection_state)} |
|
|
|
|
/> |
|
|
|
|
</Box> |
|
|
|
|
<Box> |
|
|
|
|
<Box display="flex" width="100%"> |
|
|
|
|
<BodyText |
|
|
|
|
text={connection.targets[0].target_name} |
|
|
|
|
/> |
|
|
|
|
<BodyText text={connection.targets[0].target_name} /> |
|
|
|
|
<InsertLinkIcon style={{ color: DIVIDER }} /> |
|
|
|
|
<BodyText |
|
|
|
|
text={connection.targets[1].target_name} |
|
|
|
|
/> |
|
|
|
|
<BodyText text={connection.targets[1].target_name} /> |
|
|
|
|
</Box> |
|
|
|
|
<Box |
|
|
|
|
display="flex" |
|
|
|
@ -119,8 +112,7 @@ const ResourceVolumes = ({ |
|
|
|
|
) : null} |
|
|
|
|
</> |
|
|
|
|
); |
|
|
|
|
}, |
|
|
|
|
)} |
|
|
|
|
})} |
|
|
|
|
</InnerPanel> |
|
|
|
|
); |
|
|
|
|
})} |
|
|
|
|