fix(ui): label finding drawer column as Provider, not Account (#11102)

This commit is contained in:
Hugo Pereira Brito
2026-05-11 11:03:03 +01:00
committed by GitHub
parent 1b6a459df4
commit cdfbe5b2e3
3 changed files with 4 additions and 4 deletions
@@ -676,11 +676,11 @@ export function ResourceDetailDrawerContent({
<div className="flex items-start gap-4">
{/* Resource info grid — 4 data columns */}
<div className="@container flex min-w-0 flex-1 flex-col gap-4">
{/* Row 1: Account (cols 1-2), Resource (cols 3-5) */}
{/* Row 1: Provider (cols 1-2), Resource (cols 3-5) */}
<div className="grid min-w-0 grid-cols-1 gap-4 @md:grid-cols-5 @md:gap-x-8">
<div className="flex min-w-0 flex-col gap-1 @md:col-span-2">
<span className="text-text-neutral-secondary text-[10px] whitespace-nowrap">
Account
Provider
</span>
<EntityInfo
cloudProvider={providerType}
@@ -13,7 +13,7 @@ describe("ResourceDetailSkeleton", () => {
it("should render placeholders mirroring the resource info grid layout", () => {
render(<ResourceDetailSkeleton />);
// Account/Resource entity placeholders + 5 info fields (dates + service +
// Provider/Resource entity placeholders + 5 info fields (dates + service +
// region) + actions button = at least 7 blocks rendered.
const blocks = screen.getAllByTestId("skeleton-block");
expect(blocks.length).toBeGreaterThanOrEqual(7);
@@ -9,7 +9,7 @@ export function ResourceDetailSkeleton() {
return (
<div className="flex items-start gap-4">
<div className="@container flex min-w-0 flex-1 flex-col gap-4">
{/* Row 1: Account, Resource */}
{/* Row 1: Provider, Resource */}
<div className="grid min-w-0 grid-cols-1 gap-4 @md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] @md:gap-x-8">
<EntityInfoSkeleton hasIcon labelWidth="w-12" />
<EntityInfoSkeleton labelWidth="w-14" />