From 1c392fea0d1761ce6e6113faf9f129a981e83e81 Mon Sep 17 00:00:00 2001
From: mattyl006 <mattyl@st.amu.edu.pl>
Date: Fri, 18 Nov 2022 10:34:15 +0100
Subject: [PATCH] dont show deadline if unable

---
 src/components/challenges_list/MiniChallenge.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/challenges_list/MiniChallenge.js b/src/components/challenges_list/MiniChallenge.js
index d50b34d..d8505a0 100644
--- a/src/components/challenges_list/MiniChallenge.js
+++ b/src/components/challenges_list/MiniChallenge.js
@@ -52,6 +52,16 @@ const IconsGrid = styled(Grid)`
 `;
 
 const MiniChallenge = (props) => {
+    const deadlineRender = () => {
+        if (props.deadline) {
+            return (
+                <IconLabel size='24px' gap='8px' type='deadline' time={props.deadline}>
+                    {props.deadline.slice(0, 10)}
+                </IconLabel>
+            );
+        }
+    };
+
     return (
         <ChallengeStyle as={Link} to={`${CHALLENGE_PAGE}/${props.name}`}>
             <FlexColumn as='article'>
@@ -72,9 +82,7 @@ const MiniChallenge = (props) => {
                     <IconLabel size='24px' gap='8px' type='bestScore'>
                         {props.bestScore ? props.bestScore : 'xxx'}
                     </IconLabel>
-                    <IconLabel size='24px' gap='8px' type='deadline' time={props.deadline}>
-                        {props.deadline ? props.deadline.slice(0, 10) : 'xxx'}
-                    </IconLabel>
+                    {deadlineRender()}
                     <IconLabel size='24px' gap='8px' type='baseline'>
                         {props.baseline ? props.baseline : 'xxx'}
                     </IconLabel>