From 4b07be9d2ec37f65de7d1a2c8012815d7baa599c Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Tue, 7 Jan 2020 00:38:07 +0300
Subject: Support deleting cards on TimerPage

---
 src/components/TimerPage/TimerPage.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/TimerPage/TimerPage.js b/src/components/TimerPage/TimerPage.js
index 968faab..f304b46 100644
--- a/src/components/TimerPage/TimerPage.js
+++ b/src/components/TimerPage/TimerPage.js
@@ -32,16 +32,20 @@ const TimerPage = ({ recentSolutions, setRecentSolutions }) => {
     });
   };
 
+  const removeSolution = (id) => {
+    setRecentSolutions(recentSolutions.filter((solution => solution.id !== id)));
+  };
+
   return (
     <Box className={classes.root}>
       <Grid container direction="row" justify="space-around" spacing={8}>
         <Grid item xs={6}>
           <Timer registerResult={registerResult} style={{ position: 'fixed' }}/>
         </Grid>
-        <Grid item xs={4} container direction="column" spacing={6}>
-          {recentSolutions.slice(0, 5).map(solution => (
+        <Grid item xs={4} container direction="column" spacing={5}>
+          {recentSolutions.slice(0, 3).map(solution => (
             <Grid item key={solution.id}>
-              <SolutionCard data={solution} />
+              <SolutionCard data={solution} removeThisCard={removeSolution}/>
             </Grid>
           ))}
         </Grid>
-- 
cgit v1.2.3