From a07b57d27307c4e0c944233254d717c2df49c1e8 Mon Sep 17 00:00:00 2001
From: Yongfeng LI <wliyongfeng@gmail.com>
Date: Mon, 30 May 2022 15:07:26 +0800
Subject: [PATCH] Add subsquare external links for Kusama (#7641)

* Add subsquare external links for Kusama

* Fix object key order

* Add external links for democracy external proposals
---
 packages/apps-config/src/links/subsquare.ts        | 2 ++
 packages/page-democracy/src/Overview/External.tsx  | 8 +++++++-
 packages/page-democracy/src/Overview/Externals.tsx | 3 ++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/apps-config/src/links/subsquare.ts b/packages/apps-config/src/links/subsquare.ts
index 30b950215b..7b570c6625 100644
--- a/packages/apps-config/src/links/subsquare.ts
+++ b/packages/apps-config/src/links/subsquare.ts
@@ -11,6 +11,7 @@ export default {
     Bifrost: 'bifrost',
     Karura: 'karura',
     Khala: 'khala',
+    Kusama: 'kusama',
     kintsugi: 'kintsugi'
   },
   create: (chain: string, path: string, data: BN | number | string): string =>
@@ -20,6 +21,7 @@ export default {
   paths: {
     bounty: 'treasury/bounty',
     council: 'council/motion',
+    external: 'democracy/external',
     proposal: 'democracy/proposal',
     referendum: 'democracy/referendum',
     tip: 'treasury/tip',
diff --git a/packages/page-democracy/src/Overview/External.tsx b/packages/page-democracy/src/Overview/External.tsx
index 1ed27e0386..5ec4eb93e8 100644
--- a/packages/page-democracy/src/Overview/External.tsx
+++ b/packages/page-democracy/src/Overview/External.tsx
@@ -5,7 +5,7 @@ import type { DeriveProposalExternal } from '@polkadot/api-derive/types';
 
 import React from 'react';
 
-import { AddressMini, Button } from '@polkadot/react-components';
+import { AddressMini, Button, LinkExternal } from '@polkadot/react-components';
 import { useCollectiveMembers } from '@polkadot/react-hooks';
 import { FormatBalance } from '@polkadot/react-query';
 
@@ -49,6 +49,12 @@ function External ({ className = '', value: { image, imageHash, threshold } }: P
           )}
         </Button.Group>
       </td>
+      <td className='links media--1000'>
+        <LinkExternal
+          data={imageHash}
+          type='external'
+        />
+      </td>
     </tr>
   );
 }
diff --git a/packages/page-democracy/src/Overview/Externals.tsx b/packages/page-democracy/src/Overview/Externals.tsx
index de302e49d6..d3e82bf3e6 100644
--- a/packages/page-democracy/src/Overview/Externals.tsx
+++ b/packages/page-democracy/src/Overview/Externals.tsx
@@ -24,7 +24,8 @@ function Externals ({ className }: Props): React.ReactElement<Props> | null {
     [t('external'), 'start'],
     [t('proposer'), 'address'],
     [t('locked')],
-    []
+    [],
+    [undefined, 'media--1000']
   ]);
 
   return (