From 38d00f663152487681374431ef57dd767c796575 Mon Sep 17 00:00:00 2001
From: evavirseda <evirseda@boxfish.studio>
Date: Fri, 14 Jul 2023 16:37:40 +0200
Subject: [PATCH] feat: remove unused compoennts and interface

---
 .../shared/components/interfaces/index.ts     |  1 -
 ...ork-recipient-selector-option.interface.ts |  8 ---
 .../molecules/NetworkRecipientItem.svelte     | 67 -------------------
 .../molecules/NetworkRecipientSelector.svelte | 25 -------
 packages/shared/components/molecules/index.js |  2 -
 5 files changed, 103 deletions(-)
 delete mode 100644 packages/shared/components/interfaces/network-recipient-selector-option.interface.ts
 delete mode 100644 packages/shared/components/molecules/NetworkRecipientItem.svelte
 delete mode 100644 packages/shared/components/molecules/NetworkRecipientSelector.svelte

diff --git a/packages/shared/components/interfaces/index.ts b/packages/shared/components/interfaces/index.ts
index 2ccfdeddc49..e12c837f54d 100644
--- a/packages/shared/components/interfaces/index.ts
+++ b/packages/shared/components/interfaces/index.ts
@@ -1,2 +1 @@
-export * from './network-recipient-selector-option.interface'
 export * from './option.interface'
diff --git a/packages/shared/components/interfaces/network-recipient-selector-option.interface.ts b/packages/shared/components/interfaces/network-recipient-selector-option.interface.ts
deleted file mode 100644
index d77b61414b7..00000000000
--- a/packages/shared/components/interfaces/network-recipient-selector-option.interface.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Subject } from '@core/wallet'
-
-export interface INetworkRecipientSelectorOption {
-    name: string
-    networkAddress: string
-    recipient?: Subject
-    disabled?: boolean
-}
diff --git a/packages/shared/components/molecules/NetworkRecipientItem.svelte b/packages/shared/components/molecules/NetworkRecipientItem.svelte
deleted file mode 100644
index cfccc0488c8..00000000000
--- a/packages/shared/components/molecules/NetworkRecipientItem.svelte
+++ /dev/null
@@ -1,67 +0,0 @@
-<script lang="ts">
-    import { Icon as IconEnum } from '@auxiliary/icon'
-    import { NetworkId } from '@core/network'
-    import { FontWeight, Icon, NetworkIcon, RecipientInput, Text, TextType } from '@ui'
-    import { INetworkRecipientSelectorOption } from '../interfaces'
-
-    export let item: INetworkRecipientSelectorOption
-    export let selected: boolean = false
-    export let onClick: (item: INetworkRecipientSelectorOption) => void = () => {}
-    export let onChange: (item: INetworkRecipientSelectorOption) => void = () => {}
-
-    let recipientInputElement: HTMLInputElement
-
-    $: isLayer2 = !!item?.networkAddress
-    $: onChange && selected && onChange(item)
-
-    function onItemClick(): void {
-        recipientInputElement?.focus()
-        onClick && onClick(item)
-    }
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<network-recipient-item class:selected class:disabled={item?.disabled} on:click={onItemClick}>
-    <network-recipient-item-name>
-        <div class="flex flex-row justify-between items-center space-x-4">
-            <div class="flex flex-row space-x-3 items-center">
-                <NetworkIcon networkId={NetworkId.Testnet} />
-                <Text type={TextType.h4} fontWeight={FontWeight.semibold}>
-                    {item?.name}
-                </Text>
-            </div>
-            {#if selected}
-                <network-recipient-item-checkbox>
-                    <Icon icon={IconEnum.CheckboxRound} width={16} height={16} classes="active" />
-                </network-recipient-item-checkbox>
-            {/if}
-        </div>
-    </network-recipient-item-name>
-    {#if selected}
-        <network-recipient-item-address>
-            <RecipientInput bind:inputElement={recipientInputElement} bind:recipient={item.recipient} {isLayer2} />
-        </network-recipient-item-address>
-    {/if}
-</network-recipient-item>
-
-<style lang="scss">
-    network-recipient-item {
-        @apply w-full relative cursor-pointer;
-        @apply p-4;
-        @apply rounded-10;
-        @apply flex flex-col space-y-4;
-        @apply rounded-10 border-solid border border-gray-300;
-        &.selected {
-            @apply border-2 border-blue-500;
-        }
-        &.disabled {
-            @apply pointer-events-none;
-            @apply opacity-50;
-            @apply cursor-not-allowed;
-        }
-    }
-    :global(network-recipient-item-checkbox svg.active path) {
-        @apply text-blue-500;
-        @apply fill-current;
-    }
-</style>
diff --git a/packages/shared/components/molecules/NetworkRecipientSelector.svelte b/packages/shared/components/molecules/NetworkRecipientSelector.svelte
deleted file mode 100644
index eebeb503646..00000000000
--- a/packages/shared/components/molecules/NetworkRecipientSelector.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-    import { NetworkRecipientItem } from '@ui'
-    import { INetworkRecipientSelectorOption } from '../interfaces'
-
-    export let options: INetworkRecipientSelectorOption[]
-    export let selectedIndex = -1
-
-    function onItemClick(index: number) {
-        selectedIndex = index
-    }
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-{#if options?.length}
-    <network-recipient-selector class="w-full flex flex-col space-y-4">
-        {#each options as item, index}
-            <NetworkRecipientItem
-                bind:item
-                selected={index === selectedIndex}
-                onChange={() => onItemClick(index)}
-                onClick={() => onItemClick(index)}
-            />
-        {/each}
-    </network-recipient-selector>
-{/if}
diff --git a/packages/shared/components/molecules/index.js b/packages/shared/components/molecules/index.js
index 3868f2b17e8..73a85566c60 100644
--- a/packages/shared/components/molecules/index.js
+++ b/packages/shared/components/molecules/index.js
@@ -11,8 +11,6 @@ export { default as FoundryActivityDetails } from './FoundryActivityDetails.svel
 export { default as GovernanceActivityDetails } from './GovernanceActivityDetails.svelte'
 export { default as MarkdownBlock } from './MarkdownBlock.svelte'
 export { default as MediaPlaceholder } from './MediaPlaceholder.svelte'
-export { default as NetworkRecipientItem } from './NetworkRecipientItem.svelte'
-export { default as NetworkRecipientSelector } from './NetworkRecipientSelector.svelte'
 export { default as NftActivityDetails } from './NftActivityDetails.svelte'
 export { default as NftImageOrIconBox } from './NftImageOrIconBox.svelte'
 export { default as SelectorInput } from './SelectorInput.svelte'