Add Telegram link

components/rezo-menu.js

@@ -46,11 +46,13 @@ export default function RezoMenu({data}) {
     setAnchorElement(event.currentTarget)
   }
 
-  const handleClose = rezo => {
+  const handleClose = (rezo, link) => {
     setAnchorElement(null)
-    if (typeof rezo === 'string') {
+    if (typeof rezo === 'string' && !link) {
       const url = `https://${rezo}.${siteDomain}`
       router.push(url)
+    } else if (typeof rezo === 'string' && link) {
+      window.open(link, '_blank')
     }
   }
 
@@ -75,8 +77,8 @@ export default function RezoMenu({data}) {
         open={Boolean(anchorElement)}
         onClose={handleClose}
       >
-        {data.map(({id, tit, icon}) => (
-          <StyledMenuItem key={id} onClick={() => handleClose(id)}>
+        {data.map(({id, tit, icon, link}) => (
+          <StyledMenuItem key={id} onClick={() => handleClose(id, link)}>
             <ListItemIcon>
               {icon}
             </ListItemIcon>

pages/index.js

@@ -6,6 +6,7 @@ import {makeStyles} from '@material-ui/core/styles'
 import GroupIcon from '@material-ui/icons/Group'
 import MusicNoteIcon from '@material-ui/icons/MusicNote'
 import {Pleroma, Peertube} from '@icons-pack/react-simple-icons'
+import TelegramIcon from '@material-ui/icons/Telegram'
 
 import KatKayLa from '../components/kat-kay-la'
 import HeadLayout from '../components/head-layout'
@@ -25,6 +26,12 @@ const useStyles = makeStyles(theme => ({
 }))
 
 const REZO = [
+  {
+    id: 'telegram',
+    tit: 'Telegram',
+    icon: <TelegramIcon />,
+    link: 'https://t.me/OrganisationKA'
+  },
   {
     id: 'mizik',
     tit: 'Mizik',