Fix deck placeholder overflow

equinor · Aug 30, 2024 · 6731b37 · 6731b37
1 parent 8490eae
commit 6731b37
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/frontend/src/components/Pages/InspectionPage/DeckCards.tsx b/frontend/src/components/Pages/InspectionPage/DeckCards.tsx
@@ -112,24 +112,26 @@ export const DeckCards = ({ deckMissions, onClickDeck, selectedDeck, handleSched
     const { TranslateText } = useLanguageContext()
 
     return (
-        <StyledDict.DeckCards>
-            {Object.keys(deckMissions).length > 0 ? (
-                deckMissions.map((deckMission) => (
-                    <DeckCard
-                        key={'deckCard' + deckMission.deck.deckName}
-                        deckData={deckMission}
-                        onClickDeck={onClickDeck}
-                        selectedDeck={selectedDeck}
-                        handleScheduleAll={handleScheduleAll}
-                    />
-                ))
-            ) : (
+        <>
+            <StyledDict.DeckCards>
+                {Object.keys(deckMissions).length > 0 &&
+                    deckMissions.map((deckMission) => (
+                        <DeckCard
+                            key={'deckCard' + deckMission.deck.deckName}
+                            deckData={deckMission}
+                            onClickDeck={onClickDeck}
+                            selectedDeck={selectedDeck}
+                            handleScheduleAll={handleScheduleAll}
+                        />
+                    ))}
+            </StyledDict.DeckCards>
+            {Object.keys(deckMissions).length === 0 && (
                 <StyledDict.Placeholder>
                     <Typography variant="h4" color="disabled">
                         {TranslateText('No deck inspections available')}
                     </Typography>
                 </StyledDict.Placeholder>
             )}
-        </StyledDict.DeckCards>
+        </>
     )
 }