client/src/components/layout/Modals.svelte at e25b6429a32d136c08e23ea3f226180caf25ad29 · capofficial/client · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<script>
	import { activeModal } from '@lib/stores'

	import AssetSelect from '../modals/AssetSelect.svelte'
	import LeverageSelect from '../modals/LeverageSelect.svelte'
	import Connect from '../modals/Connect.svelte'
	import CustomizeColumns from '../modals/CustomizeColumns.svelte'
	import ClosePosition from '../modals/ClosePosition.svelte'
	import EditMargin from '../modals/EditMargin.svelte'
	import Deposit from '../modals/Deposit.svelte'
	import Withdraw from '../modals/Withdraw.svelte'
	import MarketInfo from '../modals/MarketInfo.svelte'
	import StakeCAP from '../modals/StakeCAP.svelte'
	import UnstakeCAP from '../modals/UnstakeCAP.svelte'
	import HistoryOrderStatus from '../modals/HistoryOrderStatus.svelte'
	import Settings from '../modals/Settings.svelte'
	import Welcome from '../modals/Welcome.svelte'

</script>

{#if $activeModal && $activeModal.name == 'Settings'}
<Settings />
{/if}

{#if $activeModal && $activeModal.name == 'AssetSelect'}
<AssetSelect />
{/if}

{#if $activeModal && $activeModal.name == 'LeverageSelect'}
<LeverageSelect />
{/if}

{#if $activeModal && $activeModal.name == 'Connect'}
<Connect />
{/if}

{#if $activeModal && $activeModal.name == 'CustomizeColumns'}
<CustomizeColumns data={$activeModal.data} />
{/if}

{#if $activeModal && $activeModal.name == 'ClosePosition'}
<ClosePosition data={$activeModal.data} />
{/if}

{#if $activeModal && $activeModal.name == 'EditMargin'}
<EditMargin data={$activeModal.data} />
{/if}

{#if $activeModal && $activeModal.name == 'Deposit'}
<Deposit />
{/if}

{#if $activeModal && $activeModal.name == 'Withdraw'}
<Withdraw />
{/if}

{#if $activeModal && $activeModal.name == 'StakeCAP'}
<StakeCAP />
{/if}

{#if $activeModal && $activeModal.name == 'UnstakeCAP'}
<UnstakeCAP />
{/if}

{#if $activeModal && $activeModal.name == 'HistoryOrderStatus'}
<HistoryOrderStatus />
{/if}

{#if $activeModal && $activeModal.name == 'MarketInfo'}
	<MarketInfo data={$activeModal.data} />
{/if}

{#if $activeModal && $activeModal.name == 'Welcome'}
	<Welcome />
{/if}