Uploaded image for project: 'Red Hat Advanced Cluster Security'
  1. Red Hat Advanced Cluster Security
  2. ROX-31804

[Details Tab] Build new Details tab showing Dockerfile with base image highlighting

    • Icon: Story Story
    • Resolution: Unresolved
    • Icon: Normal Normal
    • 4.10.0
    • None
    • None
    • None
    • Rox Sprint 4.10F

      Create a new Details tab on the Image page that displays the full Dockerfile with base image layers visually highlighted.

      Implementation Details:

      • Create ImageDetailsTab.tsx component in Containers/Vulnerabilities/WorkloadCves/Image/
      • Fetch Dockerfile layers and image components using useRestQuery
      • Map components to layer indices to identify which layers are base image layers
      • Render all Dockerfile layers using DockerfileLayer component
      • Pass {{isBold= {true}

        }} prop for base image layers

      • Handle loading/error states
      • Show empty state if Dockerfile is unavailable
      • Add feature flag gating (ROX_BASE_IMAGE_MANAGEMENT)
      • Props: {{ { imageId: string; }

        }}

      Acceptance Criteria:

      • Tab displays full Dockerfile with all layers
      • Base image layers are visually highlighted (bolded)
      • Empty state shown when Dockerfile not available
      • Loading state displays correctly with centered spinner
      • Error handling for failed API requests
      • Component is self-contained (manages its own data fetching)

              schaudhr Saif Chaudhry
              schaudhr Saif Chaudhry
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: