cleanup information drawers

packages/desktop/views/dashboard/drawers/network-config/views/NetworkInformationDrawer.svelte

@@ -1,19 +1,14 @@
 <script lang="ts">
-    import { DrawerTemplate } from '@components'
     import { selectedChain, NetworkNamespace } from '@core/network'
     import { Router } from '@core/router'
     import { NetworkConfigRoute } from '../'
-    import { EvmChainInformation, StardustInformation } from './components'
+    import { EvmChainInformationDrawer, StardustInformationDrawer } from './components'
 
     export let drawerRouter: Router<NetworkConfigRoute>
 </script>
 
-<DrawerTemplate title={$selectedChain?.name} {drawerRouter}>
-    <div class="w-full h-full px-6">
-        {#if $selectedChain && $selectedChain.namespace === NetworkNamespace.Evm}
-            <EvmChainInformation network={$selectedChain} />
-        {:else if $selectedChain && $selectedChain.namespace === NetworkNamespace.Stardust}
-            <StardustInformation />
-        {/if}
-    </div>
-</DrawerTemplate>
+{#if $selectedChain && $selectedChain.namespace === NetworkNamespace.Evm}
+    <EvmChainInformationDrawer network={$selectedChain} {drawerRouter} />
+{:else if $selectedChain && $selectedChain.namespace === NetworkNamespace.Stardust}
+    <StardustInformationDrawer network={$selectedChain} {drawerRouter} />
+{/if}

packages/desktop/views/dashboard/drawers/network-config/views/components/EvmChainInformationDrawer.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+    import { localize } from '@core/i18n'
+    import { IEvmNetwork, IIscChain, NetworkType } from '@core/network'
+    import { Table } from '@bloomwalletio/ui'
+    import { DrawerTemplate } from '@components/drawers'
+    import { NetworkConfigRoute } from '../../network-config-route.enum'
+    import { Router } from '@core/router'
+
+    export let drawerRouter: Router<NetworkConfigRoute>
+    export let network: IEvmNetwork
+
+    const localeKey = 'views.dashboard.drawers.networkConfig.chain'
+
+    function isIscChain(network: IEvmNetwork): network is IIscChain {
+        return network.type === NetworkType.Isc
+    }
+</script>
+
+<DrawerTemplate title={network.name} {drawerRouter}>
+    <div class="w-full h-full px-6">
+        <Table
+            orientation="vertical"
+            items={[
+                {
+                    key: localize(`${localeKey}.chainId`),
+                    value: network.chainId ?? undefined,
+                    copyable: true,
+                },
+                {
+                    key: localize(`${localeKey}.rpcEndpoint`),
+                    value: network.rpcEndpoint ?? undefined,
+                    copyable: true,
+                },
+                {
+                    key: localize(`${localeKey}.explorerUrl`),
+                    value: network.explorerUrl ?? undefined,
+                    copyable: true,
+                },
+                ...(isIscChain(network)
+                    ? [
+                          {
+                              key: localize(`${localeKey}.aliasAddress`),
+                              value: network.aliasAddress ?? undefined,
+                              copyable: true,
+                          },
+                      ]
+                    : []),
+            ]}
+        />
+    </div>
+</DrawerTemplate>

packages/desktop/views/dashboard/drawers/network-config/views/components/StardustInformation.svelte → packages/desktop/views/dashboard/drawers/network-config/views/components/StardustInformationDrawer.svelte

@@ -1,9 +1,16 @@
 <script lang="ts">
     import { Button, IconName } from '@bloomwalletio/ui'
+    import { DrawerTemplate } from '@components'
     import { localize } from '@core/i18n'
+    import { Router } from '@core/router'
     import { PopupId, closePopup, openPopup } from '@desktop/auxiliary/popup'
     import ConfigureNodeList from './ConfigureNodeList.svelte'
     import LocalProofOfWork from './LocalProofOfWork.svelte'
+    import { IStardustNetwork } from '@core/network'
+    import { NetworkConfigRoute } from '../../network-config-route.enum'
+
+    export let drawerRouter: Router<NetworkConfigRoute>
+    export let network: IStardustNetwork
 
     let nodesContainer: HTMLElement
 
@@ -26,8 +33,17 @@
     }
 </script>
 
-<div class="flex flex-col w-full space-y-4">
-    <ConfigureNodeList bind:nodesContainer />
-    <LocalProofOfWork />
-</div>
-<Button variant="text" icon={IconName.Plus} width="full" text={localize('actions.addNode')} on:click={onAddNodeClick} />
+<DrawerTemplate title={network.name} {drawerRouter}>
+    <div class="flex flex-col w-full space-y-4 px-6">
+        <ConfigureNodeList bind:nodesContainer />
+        <LocalProofOfWork />
+    </div>
+    <Button
+        slot="footer"
+        variant="text"
+        icon={IconName.Plus}
+        width="full"
+        text={localize('actions.addNode')}
+        on:click={onAddNodeClick}
+    />
+</DrawerTemplate>

packages/desktop/views/dashboard/drawers/network-config/views/components/index.ts

@@ -1,3 +1,3 @@
 export { default as AddIscChainForm } from './AddIscChainForm.svelte'
-export { default as EvmChainInformation } from './EvmChainInformation.svelte'
-export { default as StardustInformation } from './StardustInformation.svelte'
+export { default as EvmChainInformationDrawer } from './EvmChainInformationDrawer.svelte'
+export { default as StardustInformationDrawer } from './StardustInformationDrawer.svelte'