remove lang prop from crisiBannerHSL

Author: Antiik91

app/component/AppBarContainer.js

@@ -28,7 +28,7 @@ const AppBarContainer = (
       </a>
       {style === 'hsl' ? (
         <div className="hsl-header-container" style={{ display: 'block' }}>
-          <CrisisBannerHsl lang={lang} />
+          <CrisisBannerHsl />
           <AppBarHsl user={user} lang={lang} favourites={favourites} />
           <MessageBar breakpoint={breakpoint} />
         </div>

app/component/CrisisBannerHsl.js

@@ -1,14 +1,16 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
 import { classList } from '@hsl-fi/utilities';
 import { Alert } from '@hsl-fi/icons';
 import { CrisisPriority } from '@hsl-fi/content-delivery-api-types';
 import { useConfigContext } from '../configurations/ConfigContext';
 import { getJson } from '../util/xhrPromise';
 import './crisis-banner-hsl.scss';
 
-const CrisisBannerHsl = ({ lang = 'fi', initialBanners = null }) => {
+const CrisisBannerHsl = ({ initialBanners = null }) => {
   const config = useConfigContext();
+  const { locale } = useIntl();
   const [banners, setBanners] = useState(() => {
     if (initialBanners) {
       return initialBanners;
@@ -27,10 +29,10 @@ const CrisisBannerHsl = ({ lang = 'fi', initialBanners = null }) => {
     ) {
       return;
     }
-    getJson(`${config.URL.BANNERS}&language=${lang}`)
+    getJson(`${config.URL.BANNERS}&language=${locale}`)
       .then(data => setBanners(data))
       .catch(() => setBanners([]));
-  }, [lang]);
+  }, []);
 
   if (!banners.length) {
     return null;
@@ -62,7 +64,6 @@ const CrisisBannerHsl = ({ lang = 'fi', initialBanners = null }) => {
 };
 
 CrisisBannerHsl.propTypes = {
-  lang: PropTypes.string,
   initialBanners: PropTypes.arrayOf(
     PropTypes.shape({
       body: PropTypes.string,

test/unit/CrisisBannerHsl.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
+import { IntlProvider } from 'react-intl';
 import { expect } from 'chai';
 import { describe, it } from 'mocha';
 
@@ -16,9 +17,11 @@ const baseConfig = {
 
 const renderWithBanners = (banners = []) => {
   const { container } = render(
-    <ConfigProvider value={baseConfig}>
-      <CrisisBannerHsl lang="fi" initialBanners={banners} />
-    </ConfigProvider>,
+    <IntlProvider locale="fi" messages={{}}>
+      <ConfigProvider value={baseConfig}>
+        <CrisisBannerHsl initialBanners={banners} />
+      </ConfigProvider>
+    </IntlProvider>,
   );
   return container;
 };