Adding support for dotscanner.com (#5142)

* Adding support for dotscanner.com

DotScanner doesnt support the hash lookup of a block (only number) - once thats supported I will open another PR to add block to the paths list in `dotscanner.ts`

* fixing import sorting on logos and links

for the linter

packages/apps-config/src/links/dotscanner.ts

@@ -0,0 +1,20 @@
+// Copyright 2017-2021 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import BN from 'bn.js';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Polkadot: 'polkadot'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://dotscanner.com/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.dotscanner as string,
+  paths: {
+    address: 'account'
+  },
+  url: 'https://dotscanner.com/'
+};

packages/apps-config/src/links/index.ts

@@ -4,6 +4,7 @@
 import type { ExternalDef } from './types';
 
 import Commonwealth from './commonwealth';
+import DotScanner from './dotscanner';
 import Polkascan from './polkascan';
 import Polkassembly from './polkassembly';
 import Polkastats from './polkastats';
@@ -11,6 +12,7 @@ import Subscan from './subscan';
 
 export const externalLinks: Record<string, ExternalDef> = {
   Commonwealth,
+  DotScanner,
   Polkascan,
   Polkassembly,
   Polkastats,

packages/apps-config/src/ui/logos/index.ts

@@ -18,6 +18,7 @@ import chainSnakenet from './chains/snakenet.svg';
 import chainUnique from './chains/unique.svg';
 import extensionPolkadotJs from './extensions/polkadot-js.svg';
 import externalCommonwealth from './external/commonwealth.png';
+import externalDotScanner from './external/dotscanner.png';
 import externalPolkascan from './external/polkascan.png';
 import externalPolkassembly from './external/polkassembly.png';
 import externalPolkastats from './external/polkastats.png';
@@ -396,6 +397,7 @@ export const extensionLogos: Record<string, unknown> = {
 // external logos, i.e. for explorers
 export const externalLogos: Record<string, unknown> = {
   commonwealth: externalCommonwealth,
+  dotscanner: externalDotScanner,
   polkascan: externalPolkascan,
   polkassembly: externalPolkassembly,
   polkastats: externalPolkastats,