From bb9bdc690a293964c331090cd9bd57cfd8131eeb Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Wed, 5 Aug 2020 13:09:47 +0200
Subject: [PATCH] Add dnslink entry for Rococo (#3343)

---
 packages/apps-config/src/settings/endpoints.ts |  1 +
 packages/apps/src/SideBar/ChainInfo.tsx        | 10 ++++++----
 packages/apps/src/SideBar/index.tsx            |  8 +++++++-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/apps-config/src/settings/endpoints.ts b/packages/apps-config/src/settings/endpoints.ts
index d8d62d82c5..cdd1ce342b 100644
--- a/packages/apps-config/src/settings/endpoints.ts
+++ b/packages/apps-config/src/settings/endpoints.ts
@@ -94,6 +94,7 @@ function createTest (t: TFunction): LinkOption[] {
       value: 'wss://westend-rpc.polkadot.io'
     },
     {
+      dnslink: 'rococo',
       info: 'rococo',
       text: t<string>('rpc.rococo', 'Rococo (Polkadot Testnet, hosted by Parity)', { ns: 'apps-config' }),
       value: 'wss://rococo-rpc.polkadot.io'
diff --git a/packages/apps/src/SideBar/ChainInfo.tsx b/packages/apps/src/SideBar/ChainInfo.tsx
index d3d67e75db..f7e7533186 100644
--- a/packages/apps/src/SideBar/ChainInfo.tsx
+++ b/packages/apps/src/SideBar/ChainInfo.tsx
@@ -37,10 +37,12 @@ function ChainInfo ({ className = '', isToggled, onClick }: Props): React.ReactE
           )}
           <BestNumber label='#' />
         </div>
-        <Icon
-          className='dropdown'
-          icon={isToggled ? 'caret-right' : 'caret-down'}
-        />
+        {onClick && (
+          <Icon
+            className='dropdown'
+            icon={isToggled ? 'caret-right' : 'caret-down'}
+          />
+        )}
       </div>
     </div>
   );
diff --git a/packages/apps/src/SideBar/index.tsx b/packages/apps/src/SideBar/index.tsx
index 73779f70ff..0d6d3f1bb7 100644
--- a/packages/apps/src/SideBar/index.tsx
+++ b/packages/apps/src/SideBar/index.tsx
@@ -8,6 +8,7 @@ import React, { useCallback, useMemo, useState } from 'react';
 import styled from 'styled-components';
 import createRoutes from '@polkadot/apps-routing';
 import { Button, ChainImg, Icon, Menu, media } from '@polkadot/react-components';
+import { useIpfs } from '@polkadot/react-hooks';
 
 import { SIDEBAR_MENU_THRESHOLD } from '../constants';
 import { useTranslation } from '../translate';
@@ -31,6 +32,7 @@ const MENU_WIDTH_EXPANDED = '12rem';
 
 function AppsSidebar ({ className = '', collapse, handleResize, isCollapsed, isMenuOpen, toggleMenu }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
+  const { ipnsChain } = useIpfs();
   const [modals, setModals] = useState<Record<string, boolean>>(
     createRoutes(t).reduce((result: Record<string, boolean>, route): Record<string, boolean> => {
       if (route && route.Modal) {
@@ -87,7 +89,11 @@ function AppsSidebar ({ className = '', collapse, handleResize, isCollapsed, isM
           <div className='apps--SideBar-Scroll'>
             <ChainInfo
               isToggled={modals.network}
-              onClick={_toggleModal('network')}
+              onClick={
+                ipnsChain
+                  ? undefined
+                  : _toggleModal('network')
+              }
             />
             {routing.map((route, index): React.ReactNode => (
               route