From a3966b98130c21411f99c00f2579ad7c90df3015 Mon Sep 17 00:00:00 2001
From: Anastasiia Derymarko <anastasiia@redocly.com>
Date: Mon, 1 Aug 2022 11:52:34 +0300
Subject: [PATCH] fix: hide Redocly logo for network without internet

---
 src/components/SideMenu/Logo.tsx     | 18 ++++++++++++++++++
 src/components/SideMenu/SideMenu.tsx |  6 ++----
 2 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 src/components/SideMenu/Logo.tsx

diff --git a/src/components/SideMenu/Logo.tsx b/src/components/SideMenu/Logo.tsx
new file mode 100644
index 00000000..c3e0bfe3
--- /dev/null
+++ b/src/components/SideMenu/Logo.tsx
@@ -0,0 +1,18 @@
+import { useEffect, useState } from 'react';
+import * as React from 'react';
+
+export default function RedoclyLogo(): JSX.Element | null {
+  const [isDisplay, setDisplay] = useState(false);
+
+  useEffect(() => {
+    setDisplay(true);
+  }, []);
+
+  return isDisplay ? (
+    <img
+      alt={'redocly logo'}
+      onError={() => setDisplay(false)}
+      src={'https://cdn.redoc.ly/redoc/logo-mini.svg'}
+    />
+  ) : null;
+}
diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx
index fb79b6bd..58dd34c5 100644
--- a/src/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -8,6 +8,7 @@ import { MenuItems } from './MenuItems';
 
 import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar';
 import { RedocAttribution } from './styled.elements';
+import RedoclyLogo from './Logo';
 
 @observer
 export class SideMenu extends React.Component<{ menu: MenuStore; className?: string }> {
@@ -27,10 +28,7 @@ export class SideMenu extends React.Component<{ menu: MenuStore; className?: str
         <MenuItems items={store.items} onActivate={this.activate} root={true} />
         <RedocAttribution>
           <a target="_blank" rel="noopener noreferrer" href="https://redocly.com/redoc/">
-            <img
-              src={'https://cdn.redoc.ly/redoc/logo-mini.svg'}
-              onError={event => event.currentTarget.remove()}
-            />
+            <RedoclyLogo />
             API docs by Redocly
           </a>
         </RedocAttribution>