Janady13/missionmatch / frontend/src/components/WorkforceDNA.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/missionmatch / frontend/src/components/WorkforceDNA.tsx
Date	Not specified in source
Repository	Janady13/missionmatch
Revision	39df94f92b2a33f852481fe1954dabed841524bb
Branch	w0-aedt-compliance
Path or archive member	frontend/src/components/WorkforceDNA.tsx
Original SHA-256	82825c1cdd5c956b86883604b9e4a0cb6aa0818b7db565fb41c9ac51eb322710
Git blob SHA	8218b18a09cc32459884f4ca85e64896ce881cac
Reading-copy SHA-256	82825c1cdd5c956b86883604b9e4a0cb6aa0818b7db565fb41c9ac51eb322710

Original source ↗

Recovered source transcript

Download complete source text ↓35 lines · 1.2 KB

import { PolarAngleAxis, PolarGrid, Radar, RadarChart, ResponsiveContainer } from 'recharts'
import type { ReadinessCategory } from '../lib/types'

const SHORT: Record<string, string> = {
  'Clearance Readiness': 'Clearance',
  'Skills Readiness': 'Skills',
  'Certification Readiness': 'Certs',
  'Customer Readiness': 'Customer',
  'Experience Readiness': 'Experience',
  'Availability Readiness': 'Availability',
}

// WorkforceDNA™ — a radar of the candidate's readiness dimensions (Candidate Profile, Screen 2).
export function WorkforceDNA({ categories }: { categories: ReadinessCategory[] }) {
  const data = categories.map((c) => ({ axis: SHORT[c.name] ?? c.name, value: Number(c.score) }))
  return (
    <div className="h-[260px] w-full">
      <ResponsiveContainer>
        <RadarChart data={data} outerRadius="70%">
          <PolarGrid stroke="#1d3a5f" />
          <PolarAngleAxis dataKey="axis" tick={{ fill: '#91a4bd', fontSize: 11 }} />
          <Radar
            dataKey="value"
            stroke="#4f7fd0"
            fill="#2e5eaa"
            fillOpacity={0.45}
            dot={{ r: 2.5, fill: '#d4a017' }}
            isAnimationActive
          />
        </RadarChart>
      </ResponsiveContainer>
    </div>
  )
}