Radio buttons instead of checkbox

src/components/graph-cases.tsx

@@ -24,7 +24,6 @@ type Props = {
 
 const GraphCases: React.FC<Props> = ({ countries }) => {
   const [showCumulative, setCumulative] = React.useState<boolean>(true);
-  const toggleCumulative = React.useCallback(() => setCumulative(last => !last), []);
 
   const countryCases = React.useMemo<CountryCases>(
     () =>
@@ -51,8 +50,10 @@ const GraphCases: React.FC<Props> = ({ countries }) => {
   return (
     <div>
       <p>
-        <input type="checkbox" onChange={toggleCumulative} checked={showCumulative} /> Cumulative
-        cases
+        <input type="radio" onChange={(): void => setCumulative(true)} checked={showCumulative} />
+        Cumulative
+        <input type="radio" onChange={(): void => setCumulative(false)} checked={!showCumulative} />
+        Daily
       </p>
       <LineChart width={640} height={480} data={data} margin={margin}>
         <XAxis