import config from '../app.config.json'; import { download, toCsv, useStored } from './kit'; import './styles.css'; interface Clause { name: string; look: string[]; position: string } interface Finding { risk: string; note: string } const playbook = config.playbook as Clause[]; export default function App() { const [contract, setContract] = useStored('contract', config.sampleContract as string); const [findings, setFindings] = useStored>('findings', {}); const text = contract.toLowerCase(); const paragraphOf = (clause: Clause) => contract.split(/\n\s*\n/).find((part) => clause.look.some((word) => part.toLowerCase().includes(word))) ?? ''; const present = (clause: Clause) => clause.look.some((word) => text.includes(word)); const set = (name: string, patch: Partial) => setFindings((all) => ({ ...all, [name]: { risk: all[name]?.risk ?? '', note: all[name]?.note ?? '', ...patch } })); const missing = playbook.filter((clause) => !present(clause)).length; const rows = playbook.map((clause) => ({ clause: clause.name, found: present(clause) ? 'yes' : 'no', position: clause.position, risk: findings[clause.name]?.risk ?? '', note: findings[clause.name]?.note ?? '' })); return (

{config.title}

{config.subtitle}

{config.dataNote}

{playbook.map((clause) => { const here = present(clause); return (

{clause.name}

{here ? 'Found' : 'Missing'}

Our position: {clause.position}

{here &&

{paragraphOf(clause)}

}

{config.risks.map((risk: string) => ( ))}

set(clause.name, { note: event.target.value })} />

); })}

Cookies