From a08af6b204c2d372c3a717231f4cab91ea6dbad2 Mon Sep 17 00:00:00 2001
From: Anastasiia Derymarko <anastasiia@redocly.com>
Date: Fri, 29 Jul 2022 15:41:11 +0300
Subject: [PATCH] fix: hide Redocly logo for network without internet

---
 demo/logo-mini.svg                         | 1 -
 src/components/SideMenu/SideMenu.tsx       | 8 ++++----
 src/components/SideMenu/styled.elements.ts | 3 ---
 3 files changed, 4 insertions(+), 8 deletions(-)
 delete mode 100644 demo/logo-mini.svg

diff --git a/demo/logo-mini.svg b/demo/logo-mini.svg
deleted file mode 100644
index 49b72175..00000000
--- a/demo/logo-mini.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"><path fill="#0044d4" d="M249.488 231.49a123.68 123.68 0 0 0-22.86-12.66 111.55 111.55 0 0 0-42.12-214.75h-171.8a8.18 8.18 0 0 0-5.78 14 7.48 7.48 0 0 0 5.78 2.48 95 95 0 1 1 0 190c-.83 0-1.38.27-2.21.27a8 8 0 0 0-6.33 7.71v1.11a7.69 7.69 0 0 0 7.71 7.7h5.52a92.93 92.93 0 0 1 50.66 17.62 95.33 95.33 0 0 1 34.14 45.43 8.27 8.27 0 0 0 7.7 5.52h171.8a7.76 7.76 0 0 0 6.61-3.58 8 8 0 0 0 1.09-7.42 109.06 109.06 0 0 0-39.91-53.43zm-158-37.16a111.62 111.62 0 0 0 32.76-78.75 110 110 0 0 0-32.76-78.74 105.91 105.91 0 0 0-20.37-16.24h113.39a95 95 0 1 1 0 190 3.55 3.55 0 0 0-1.65.27H70.798a109.06 109.06 0 0 0 20.65-16.54h.04zm-13.77 37.16c-1.92-1.37-4.13-2.75-6.33-4.13h117.8a94.79 94.79 0 0 1 80.12 52h-153.63a112 112 0 0 0-38-47.87h.04z" class="cls-1"/><path fill="#0044d4" d="M158.398 115.58a8.11 8.11 0 0 0 8.26 8.26h82.6a8.26 8.26 0 0 0 0-16.52h-82.6a8.29 8.29 0 0 0-8.26 8.26zM152.298 156.92h82.59a8.26 8.26 0 0 0 0-16.52h-82.59a8.11 8.11 0 0 0-8.26 8.26 8.28 8.28 0 0 0 8.26 8.26zM152.298 90.8h82.59a8.26 8.26 0 0 0 0-16.52h-82.59a8.11 8.11 0 0 0-8.26 8.26 8.46 8.46 0 0 0 8.26 8.26z" class="cls-1"/></svg>
\ No newline at end of file
diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx
index e4eaf1a1..fb79b6bd 100644
--- a/src/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -27,10 +27,10 @@ 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/">
-            <picture>
-              <source srcSet={'./logo-mini.svg'} type="image/svg+xml" />
-              <img src={'https://cdn.redoc.ly/redoc/logo-mini.svg'} alt={'redocly logo'} />
-            </picture>
+            <img
+              src={'https://cdn.redoc.ly/redoc/logo-mini.svg'}
+              onError={event => event.currentTarget.remove()}
+            />
             API docs by Redocly
           </a>
         </RedocAttribution>
diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
index a468f06e..fc329fd8 100644
--- a/src/components/SideMenu/styled.elements.ts
+++ b/src/components/SideMenu/styled.elements.ts
@@ -190,9 +190,6 @@ export const RedocAttribution = styled.div`
     justify-content: center;
   }
 `};
-  picture {
-    display: flex;
-  }
   img {
     width: 15px;
     margin-right: 5px;