diff --git a/src/app/concepts/[id]/ProblemRequiresChanges.tsx b/src/app/concepts/[id]/ProblemRequiresChanges.tsx index 05c3ceb..15f3199 100644 --- a/src/app/concepts/[id]/ProblemRequiresChanges.tsx +++ b/src/app/concepts/[id]/ProblemRequiresChanges.tsx @@ -6,6 +6,7 @@ import React, { useState } from 'react' import ConceptForm from '@/components/ConceptForm' import Paragraph from '@/components/Paragraph' import Section from '@/components/Section' +import SimpleUnorderedList from '@/components/SimpleUnorderedList' import { Goals } from '@/lib/goals' interface TargetAudience { @@ -157,6 +158,31 @@ const ProblemRequiresChanges = ({ conceptId, problem, evaluation }: Props) => { )} + {evaluation.targetAudience.length > 0 && ( +
+
+ {evaluation.targetAudience.map((item, index) => ( +
+

+ {item.segment} +

+ +

{item.description}

+ +

+ Their Challenges: +

+ + +
+ ))} +
+
+ )} +
{status === 'error' && errorMessage && (