From 501c3bf70ea4b371177c90b048497a0c4192fbc5 Mon Sep 17 00:00:00 2001
From: Anastasiia Derymarko <anastasiia@redocly.com>
Date: Fri, 29 Jul 2022 13:05:44 +0300
Subject: [PATCH] fix: include Redocly logo in package

---
 demo/logo-mini.svg                         | 1 +
 src/components/SideMenu/SideMenu.tsx       | 7 +++++--
 src/components/SideMenu/styled.elements.ts | 3 +++
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 demo/logo-mini.svg

diff --git a/demo/logo-mini.svg b/demo/logo-mini.svg
new file mode 100644
index 00000000..49b72175
--- /dev/null
+++ b/demo/logo-mini.svg
@@ -0,0 +1 @@
+<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 7b86f7d7..e4eaf1a1 100644
--- a/src/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -27,8 +27,11 @@ 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'} alt={'redocly logo'} /> API docs
-            by Redocly
+            <picture>
+              <source srcSet={'./logo-mini.svg'} type="image/svg+xml" />
+              <img src={'https://cdn.redoc.ly/redoc/logo-mini.svg'} alt={'redocly logo'} />
+            </picture>
+            API docs by Redocly
           </a>
         </RedocAttribution>
       </PerfectScrollbarWrap>
diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
index fc329fd8..a468f06e 100644
--- a/src/components/SideMenu/styled.elements.ts
+++ b/src/components/SideMenu/styled.elements.ts
@@ -190,6 +190,9 @@ export const RedocAttribution = styled.div`
     justify-content: center;
   }
 `};
+  picture {
+    display: flex;
+  }
   img {
     width: 15px;
     margin-right: 5px;