From 1f409074053cf0fa01d0d3c26c24c1543672b0c2 Mon Sep 17 00:00:00 2001
From: Eddasol <esole@equinor.com>
Date: Tue, 3 Oct 2023 13:34:00 +0200
Subject: [PATCH] Change design of deck inspection placeholder

---
 .../Pages/InspectionPage/InspectionSection.tsx     | 14 ++++++++++++--
 frontend/src/language/en.json                      |  3 +--
 frontend/src/language/no.json                      |  3 +--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Pages/InspectionPage/InspectionSection.tsx b/frontend/src/components/Pages/InspectionPage/InspectionSection.tsx
index edbc45bde..51161fc55 100644
--- a/frontend/src/components/Pages/InspectionPage/InspectionSection.tsx
+++ b/frontend/src/components/Pages/InspectionPage/InspectionSection.tsx
@@ -36,6 +36,12 @@ const StyledDeckCards = styled.div`
     gap: 1rem;
 `
 
+const StyledPlaceholder = styled.div`
+    padding: 24px;
+    border: 1px solid #dcdcdc;
+    border-radius: 4px;
+`
+
 const StyledContent = styled.div`
     display: flex;
     flex-direction: column;
@@ -154,8 +160,8 @@ export function InspectionSection({ refreshInterval }: RefreshProps) {
 
     return (
         <>
-            <Typography variant="h1">{TranslateText('Deck Inspections')}</Typography>
             <StyledContent>
+                <Typography variant="h1">{TranslateText('Deck Inspections')}</Typography>
                 <StyledDeckCards>
                     {Object.keys(deckMissions).length > 0 ? (
                         Object.keys(deckMissions).map((deckId) => (
@@ -186,7 +192,11 @@ export function InspectionSection({ refreshInterval }: RefreshProps) {
                             </StyledCard>
                         ))
                     ) : (
-                        <Typography variant="h1">{TranslateText('No Deck Inspections Available')}</Typography>
+                        <StyledPlaceholder>
+                            <Typography variant="h4" color="disabled">
+                                {TranslateText('No deck inspections available')}
+                            </Typography>
+                        </StyledPlaceholder>
                     )}
                 </StyledDeckCards>
                 {selectedDeck && (
diff --git a/frontend/src/language/en.json b/frontend/src/language/en.json
index adaba38ca..998e7fd92 100644
--- a/frontend/src/language/en.json
+++ b/frontend/src/language/en.json
@@ -143,8 +143,7 @@
     "Past deadline": "Past deadline",
     "Up to date": "Up to date",
     "Due within two weeks": "Due within two weeks",
-    "No Area Inspections Available": "No Area Inspections Available",
-    "No Deck Inspections Available": "No Deck Inspections Available",
+    "No deck inspections available": "No deck inspections available",
     "Queue mission": "Queue mission",
     "This installation has no missions": "This installation has no missions",
     "Inspection Missions": "Inspection Missions",
diff --git a/frontend/src/language/no.json b/frontend/src/language/no.json
index 9151804f8..1eb55fbe8 100644
--- a/frontend/src/language/no.json
+++ b/frontend/src/language/no.json
@@ -143,8 +143,7 @@
     "Past deadline": "Frist utløpt",
     "Due within two weeks": "Frist innen to uker",
     "Up to date": "Oppdatert",
-    "No Area Inspections Available": "Ingen tilgjengelige områdeinspeksjoner",
-    "No Deck Inspections Available": "Ingen tilgjengelige dekkinspeksjoner",
+    "No deck inspections available": "Ingen tilgjengelige dekkinspeksjoner",
     "Queue mission": "Legg til oppdrag i køen",
     "This installation has no missions": "Denne installasjonen har ingen oppdrag",
     "Inspection Missions": "Inspeksjonsoppdrag",