From 78515dba66436c6804b11ab74760f436cc8c9fc4 Mon Sep 17 00:00:00 2001
From: Jean Brito <jeanfbrito@gmail.com>
Date: Thu, 22 Aug 2024 15:27:36 -0300
Subject: [PATCH] lint fix

---
 src/ui/components/ServersView/ErrorView.tsx   | 93 ++++++++++---------
 .../ServersView/UnsupportedServer.tsx         |  1 -
 2 files changed, 48 insertions(+), 46 deletions(-)

diff --git a/src/ui/components/ServersView/ErrorView.tsx b/src/ui/components/ServersView/ErrorView.tsx
index f049f1afa..8bb59793c 100644
--- a/src/ui/components/ServersView/ErrorView.tsx
+++ b/src/ui/components/ServersView/ErrorView.tsx
@@ -9,7 +9,6 @@ import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { FailureImage } from '../FailureImage';
-import { ErrorPane } from './styles';
 
 type ErrorViewProps = {
   isFailed: boolean;
@@ -56,53 +55,57 @@ const ErrorView = ({ isFailed, onReload }: ErrorViewProps) => {
   };
 
   return (
-    <ErrorPane isVisible={isFailed || isReloading}>
-      <FailureImage
-        style={{
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          width: '100vw',
-          height: '100vh',
-          zIndex: 0,
-        }}
-      />
-      <Box
-        is='section'
-        color='pure-white'
-        display='flex'
-        flexDirection='column'
-        justifyContent='center'
-        alignItems='center'
-        zIndex={1}
-      >
-        <Margins block='x12'>
-          <Box display='flex' flexDirection='column'>
-            <Margins block='x8' inline='auto'>
-              <Box fontScale='h1'>{t('loadingError.announcement')}</Box>
+    <>
+      {isFailed ||
+        (isReloading && (
+          <Box
+            display='flex'
+            flexDirection='column'
+            width='100vw'
+            justifyContent='center'
+            alignItems='center'
+            zIndex={1}
+          >
+            <FailureImage
+              style={{
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                zIndex: 0,
+              }}
+            />
+            <Box is='section' color='pure-white' zIndex={1}>
+              <Margins block='x12'>
+                <Box display='flex' flexDirection='column'>
+                  <Margins block='x8' inline='auto'>
+                    <Box fontScale='h1'>{t('loadingError.announcement')}</Box>
 
-              <Box fontScale='p1'>{t('loadingError.title')}</Box>
-            </Margins>
-          </Box>
-        </Margins>
+                    <Box fontScale='p1'>{t('loadingError.title')}</Box>
+                  </Margins>
+                </Box>
+              </Margins>
 
-        <Box>
-          {isReloading && (
-            <Margins block='x12'>
-              <Throbber inheritColor size='x16' />
-            </Margins>
-          )}
+              <Box>
+                {isReloading && (
+                  <Margins block='x12'>
+                    <Throbber inheritColor size='x16' />
+                  </Margins>
+                )}
 
-          {!isReloading && (
-            <ButtonGroup align='center'>
-              <Button primary onClick={handleReloadButtonClick}>
-                {t('loadingError.reload')} ({counter})
-              </Button>
-            </ButtonGroup>
-          )}
-        </Box>
-      </Box>
-    </ErrorPane>
+                {!isReloading && (
+                  <ButtonGroup align='center'>
+                    <Button primary onClick={handleReloadButtonClick}>
+                      {t('loadingError.reload')} ({counter})
+                    </Button>
+                  </ButtonGroup>
+                )}
+              </Box>
+            </Box>
+          </Box>
+        ))}
+    </>
   );
 };
 
diff --git a/src/ui/components/ServersView/UnsupportedServer.tsx b/src/ui/components/ServersView/UnsupportedServer.tsx
index d02189e04..f02dc61a5 100644
--- a/src/ui/components/ServersView/UnsupportedServer.tsx
+++ b/src/ui/components/ServersView/UnsupportedServer.tsx
@@ -11,7 +11,6 @@ import { ipcRenderer } from 'electron';
 import { useTranslation } from 'react-i18next';
 
 import * as urls from '../../../urls';
-import { ErrorPane } from './styles';
 
 type UnsupportedServerProps = {
   isSupported: boolean | undefined;