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

[Details Tab] Build reusable component for rendering individual Dockerfile layers

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

      Create a reusable DockerfileLayer component for rendering individual Dockerfile layers with conditional bold styling.

      Implementation Details:

      • Create DockerfileLayer.tsx component
      • Props: {{ { layer: TableDataRow['layer']; isBold?: boolean; }

        }}

      • Render layer instruction and value in code block format
      • Apply pf-v5-u-font-weight-bold class when isBold === true
      • Use PatternFly code block styling for consistent appearance
      • Show fallback message if layer data is unavailable
      • Handle edge cases (missing instruction, missing value)

      Acceptance Criteria:

      • Renders layer instruction (e.g., "FROM", "RUN", "COPY") correctly
      • Renders layer value correctly
      • Applies bold styling when isBold prop is true
      • Normal styling when isBold is false or undefined
      • Handles missing layer data gracefully with fallback message
      • Uses consistent code block formatting

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

                Created:
                Updated: