Fix: add translations when no info is available on the hero banner.

Author: peeweetje

netflix-create-react-vite-app/public/locales/en/translation.json

@@ -72,5 +72,6 @@
   "about": "about",
   "movie-details": "Movie details",
   "overview": "Overview",
+  "no-info-available": "There is no information available",
   "added-to-list": "Added to list"
 }

netflix-create-react-vite-app/public/locales/nl/translation.json

@@ -12,7 +12,7 @@
   "movie-poster": "film-poster",
   "loading": "Laden...",
   "added": "Toegevoegd",
-  "add-to-list": "Toegevoegd aan lijst",
+  "add-to-list": "Voeg toe",
   "less-info": "minder Informatie",
   "more-info": "meer Informatie",
   "scroll-left": "Scroll naar links",
@@ -76,5 +76,5 @@
   "about": "over",
   "movie-details": "Film details",
   "overview": "Overzicht",
-  "added-to-list": "Toegevoegd aan lijst"
+  "no-info-available": "Er is geen informatie beschikbaar"
 }

netflix-create-react-vite-app/src/components/hero-banner/hero-banner.tsx

@@ -102,7 +102,11 @@ export const HeroBanner = ({
             </BannerButton>
           </BannerButtons>
         </div>
-        {showInfo && <BannerOverview id="movie-overview">{overview}</BannerOverview>}
+        {showInfo && (
+          <BannerOverview id="movie-overview">
+            {overview || t('no-info-available')}
+          </BannerOverview>
+        )}
       </BannerOverlay>
     </BannerContainer>
   );