refactor(ui): clearer ui display condition for volume mount display

This commit is contained in:
Khiet Tam Nguyen
2025-01-21 23:45:54 +11:00
parent ce06cd42b3
commit c7338983b8

View File

@@ -98,20 +98,12 @@ export const ShowVolumes = ({ id, type }: Props) => {
)} )}
{mount.type === "file" && ( {mount.type === "file" && (
<> <div className="flex flex-col gap-1">
<div className="flex flex-col gap-1"> <span className="font-medium">Content</span>
<span className="font-medium">Content</span> <span className="text-sm text-muted-foreground">
<span className="text-sm text-muted-foreground"> {mount.content}
{mount.content} </span>
</span> </div>
</div>
<div className="flex flex-col gap-1">
<span className="font-medium">File Path</span>
<span className="text-sm text-muted-foreground">
{mount.filePath}
</span>
</div>
</>
)} )}
{mount.type === "bind" && ( {mount.type === "bind" && (
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
@@ -121,7 +113,14 @@ export const ShowVolumes = ({ id, type }: Props) => {
</span> </span>
</div> </div>
)} )}
{mount.type !== "file" && ( {mount.type === "file" ? (
<div className="flex flex-col gap-1">
<span className="font-medium">File Path</span>
<span className="text-sm text-muted-foreground">
{mount.filePath}
</span>
</div>
) : (
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<span className="font-medium">Mount Path</span> <span className="font-medium">Mount Path</span>
<span className="text-sm text-muted-foreground"> <span className="text-sm text-muted-foreground">