TudorandClaude Opus 5
cd6a45bf7d
The section ranks on distance and is headed "Other schools nearby", but every identifier still called it "similar" — the exact drift that leaves a later reader trusting a name over the behaviour. Mechanical: files, the module, the payload key, the type, the components, the prop. No behaviour change; the suites are unchanged in count and still green. Free to do now because #150 has not merged, so the payload key rename needs no lockstep deploy. Uses of "similar" that are ordinary English — progress measures compared to similar pupils, and unrelated comments — are untouched. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
/**
|
|
* The per-card basket toggle.
|
|
*
|
|
* The links around it are server-rendered, so the section works with JS off;
|
|
* this adds the basket interaction on top rather than being what makes the
|
|
* section function.
|
|
*/
|
|
|
|
import { useComparisonContext } from '@/context/ComparisonContext';
|
|
import type { School, NearbySchool } from '@/lib/types';
|
|
import styles from './NearbySchools.module.css';
|
|
|
|
export function AddToCompareButton({ school }: { school: NearbySchool }) {
|
|
const { addSchool, removeSchool, selectedSchools } = useComparisonContext();
|
|
const selected = selectedSchools.some((s) => s.urn === school.urn);
|
|
|
|
const toggle = () => {
|
|
if (selected) {
|
|
removeSchool(school.urn);
|
|
return;
|
|
}
|
|
// The basket only needs identity and display fields; the compare page
|
|
// fetches everything it renders by URN.
|
|
addSchool({
|
|
urn: school.urn,
|
|
school_name: school.school_name,
|
|
school_type: school.school_type,
|
|
age_range: school.age_range,
|
|
} as School);
|
|
};
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
className={styles.add}
|
|
onClick={toggle}
|
|
aria-pressed={selected}
|
|
>
|
|
{selected ? '✓ Added to compare' : '+ Add to compare'}
|
|
<span className={styles.srOnly}> — {school.school_name}</span>
|
|
</button>
|
|
);
|
|
}
|