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>
|
||||
)}
|
||||
</div>
|
||||
{d.physical_drives?.map((pd, i) => (
|
||||
<HostDriveRow key={pd.serial || i} d={pd} onSelect={onSelect} t={t} indent />
|
||||
{d.physical_drives?.length > 0 && (
|
||||
<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>
|
||||
))}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user