Add tree-line connector for RAID child drives in host drives card
This commit is contained in:
@@ -698,9 +698,20 @@ function HostDrivesCard({ drives, onSelect, t }) {
|
|||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{d.physical_drives?.map((pd, i) => (
|
{d.physical_drives?.length > 0 && (
|
||||||
<HostDriveRow key={pd.serial || i} d={pd} onSelect={onSelect} t={t} indent />
|
<div style={{ marginLeft: 20, borderLeft: `2px solid ${t.cardBorder}`, paddingLeft: 0 }}>
|
||||||
))}
|
{d.physical_drives.map((pd, i) => (
|
||||||
|
<div key={pd.serial || i} style={{ display: "flex", alignItems: "center", marginTop: 4 }}>
|
||||||
|
<div style={{
|
||||||
|
width: 16, height: 1, background: t.cardBorder, flexShrink: 0,
|
||||||
|
}} />
|
||||||
|
<div style={{ flex: 1 }}>
|
||||||
|
<HostDriveRow d={pd} onSelect={onSelect} t={t} indent />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user