-
Story
-
Resolution: Unresolved
-
Normal
-
None
-
None
-
None
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