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

@@ -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',

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>
   );
 }

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 (