From 993eef3431eca6b331ac93e8c42515079021d222 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 11 Jun 2021 01:59:15 +0300
Subject: [PATCH] Left Menu: Support switching between versions (#1143)

---
 src/components/left/main/LeftMainHeader.tsx | 15 +++++++++++++++
 src/components/ui/MenuItem.tsx              |  2 +-
 src/styles/icons.scss                       | 10 ++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/components/left/main/LeftMainHeader.tsx b/src/components/left/main/LeftMainHeader.tsx
index 221673841..975103971 100644
--- a/src/components/left/main/LeftMainHeader.tsx
+++ b/src/components/left/main/LeftMainHeader.tsx
@@ -52,6 +52,9 @@ type DispatchProps = Pick<GlobalActions, (
 
 const ANIMATION_LEVEL_OPTIONS = [0, 1, 2];
 
+const LEGACY_VERSION = 'https://web.telegram.org/';
+const WEBK_VERSION = 'https://web.telegram.org/k/';
+
 const LeftMainHeader: FC<OwnProps & StateProps & DispatchProps> = ({
   content,
   contactsFilter,
@@ -221,6 +224,18 @@ const LeftMainHeader: FC<OwnProps & StateProps & DispatchProps> = ({
           >
             Report Bug
           </MenuItem>
+          <MenuItem
+            icon="char-K"
+            href={WEBK_VERSION}
+          >
+            Switch to WebK
+          </MenuItem>
+          <MenuItem
+            icon="char-W"
+            href={LEGACY_VERSION}
+          >
+            Switch to Webogram
+          </MenuItem>
         </DropdownMenu>
         <SearchInput
           inputId="telegram-search-input"
diff --git a/src/components/ui/MenuItem.tsx b/src/components/ui/MenuItem.tsx
index 66f3c4bc0..5bf7f11ba 100644
--- a/src/components/ui/MenuItem.tsx
+++ b/src/components/ui/MenuItem.tsx
@@ -67,7 +67,7 @@ const MenuItem: FC<OwnProps> = (props) => {
   const content = (
     <>
       {icon && (
-        <i className={`icon-${icon}`} />
+        <i className={`icon-${icon}`} data-char={icon.startsWith('char-') ? icon.replace('char-', '') : undefined} />
       )}
       {children}
     </>
diff --git a/src/styles/icons.scss b/src/styles/icons.scss
index 9ed4d0285..c9dbd538b 100644
--- a/src/styles/icons.scss
+++ b/src/styles/icons.scss
@@ -22,6 +22,16 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+[class^="icon-char-"], [class*=" icon-char-"] {
+  &::before {
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    content: attr(data-char);
+    width: 1.5rem;
+    text-align: center;
+    display: block;
+  }
+}
+
 .icon-bug:before {
   content: "\e97e";
 }