remove red square on no konnector

.gitignore

@@ -61,3 +61,6 @@ mobile/Preview.html
 # Default
 # /!\ KEEP THIS SECTION THE LAST ONE
 !.gitkeep
+
+#Report bundle analyser
+public/
\ No newline at end of file

public/serviceworker.js

-const CACHE_NAME = "version-1";
-const urlsToCache = [ 'index.html', 'offline.html' ];
-
-const self = this;
-
-// Install SW
-self.addEventListener('install', (event) => {
-    event.waitUntil(
-        caches.open(CACHE_NAME)
-            .then((cache) => {
-                console.log('Opened cache');
-
-                return cache.addAll(urlsToCache);
-            })
-    )
-});
-
-// Listen for requests
-self.addEventListener('fetch', (event) => {
-    event.respondWith(
-        caches.match(event.request)
-            .then(() => {
-                return fetch(event.request) 
-                    .catch(() => caches.match('offline.html'))
-            })
-    )
-});
-
-// Activate the SW
-self.addEventListener('activate', (event) => {
-    const cacheWhitelist = [];
-    cacheWhitelist.push(CACHE_NAME);
-
-    event.waitUntil(
-        caches.keys().then((cacheNames) => Promise.all(
-            cacheNames.map((cacheName) => {
-                if(!cacheWhitelist.includes(cacheName)) {
-                    return caches.delete(cacheName);
-                }
-            })
-        ))
-            
-    )
-});
\ No newline at end of file

src/components/Challenge/AvailableChallengeDetailsView.tsx

@@ -205,41 +205,42 @@ const AvailableChallengeDetailsView: React.FC<AvailableChallengeDetailsViewProps
                   <div className="cp-description text-16-bold">
                     {challenge.description}
                   </div>
-                  <div className="lack-of-data-challenge">
+                  <div>
                     {lackOfDataForChallenge && isLoaded ? (
-                      <div className="lack-of-data-content">
-                        <div className="warning-white">
-                          <StyledIcon
-                            icon={warningWhite}
-                            size={36}
-                            className="warning-icon"
-                          />
-
-                          <span>
-                            {t('CHALLENGE.LACK_OF_DATA')}{' '}
-                            {DateTime.fromObject(
-                              lackOfDataFluidtype.periode.startDate.c
-                            ).toLocaleString(DateTime.DATE_FULL)}{' '}
-                            {t('CHALLENGE.LACK_OF_DATA_1')}{' '}
-                            {DateTime.fromObject(
-                              lackOfDataFluidtype.periode.endDate.c
-                            ).toLocaleString(DateTime.DATE_FULL)}
-                            {t('CHALLENGE.LACK_OF_DATA_2')}
-                          </span>
+                      <div className="lack-of-data-challenge">
+                        <div className="lack-of-data-content">
+                          <div className="warning-white">
+                            <StyledIcon
+                              icon={warningWhite}
+                              size={36}
+                              className="warning-icon"
+                            />
+                            <span>
+                              {t('CHALLENGE.LACK_OF_DATA')}{' '}
+                              {DateTime.fromObject(
+                                lackOfDataFluidtype.periode.startDate.c
+                              ).toLocaleString(DateTime.DATE_FULL)}{' '}
+                              {t('CHALLENGE.LACK_OF_DATA_1')}{' '}
+                              {DateTime.fromObject(
+                                lackOfDataFluidtype.periode.endDate.c
+                              ).toLocaleString(DateTime.DATE_FULL)}
+                              {t('CHALLENGE.LACK_OF_DATA_2')}
+                            </span>
+                          </div>
+                          {lackOfDataFluidtype.fluidType.map(
+                            (idFLuid: number) => {
+                              return (
+                                <div key={idFLuid} className="fluid-enum">
+                                  {' '}
+                                  - {t(
+                                    'FLUID.' + FluidType[idFLuid] + '.NAME'
+                                  )}{' '}
+                                </div>
+                              )
+                            }
+                          )}
+                          <span></span>
                         </div>
-                        {lackOfDataFluidtype.fluidType.map(
-                          (idFLuid: number) => {
-                            return (
-                              <div key={idFLuid} className="fluid-enum">
-                                {' '}
-                                - {t(
-                                  'FLUID.' + FluidType[idFLuid] + '.NAME'
-                                )}{' '}
-                              </div>
-                            )
-                          }
-                        )}
-                        <span></span>
                       </div>
                     ) : null}
                   </div>

src/styles/components/_challenges.scss

@@ -514,6 +514,7 @@
         }
       }
       .lack-of-data-challenge {
+        margin: auto;
         padding: 1rem;
         width: 90%;
         background-color: $red-primary;