diff --git a/components/cert/ControlCard.tsx b/components/cert/ControlCard.tsx index 0a3377f7..d1d50b73 100644 --- a/components/cert/ControlCard.tsx +++ b/components/cert/ControlCard.tsx @@ -1,6 +1,7 @@ import { memo, useState } from "react"; import "./control.css"; import { Control, ControlData, ControlState } from "./types"; +import { getFrameworkGuidance, getFrameworkGuidanceHref } from "./cert-framework-map"; interface ControlCardProps { control: Control; @@ -35,6 +36,7 @@ export const ControlCard = memo(function ControlCard({ onControlChange }: ControlCardProps) { const [expanded, setExpanded] = useState(false); + const frameworkRefs = getFrameworkGuidance(control.id); const handleCycleState = () => { const newState = nextState[data.state]; @@ -99,6 +101,24 @@ export const ControlCard = memo(function ControlCard({ )} + {frameworkRefs.length > 0 && ( +
+
📖 Related Framework Guidance
+ +
+ )}