/
AliasActivityTileContent.svelte
38 lines (35 loc) · 1.23 KB
/
AliasActivityTileContent.svelte
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
<script lang="typescript">
import { localize } from '@core/i18n'
import { AliasActivity, getActivityTileTitle } from '@core/wallet'
import { truncateString } from '@core/utils'
import { Text, Icon, FontWeight } from 'shared/components'
import { Icon as IconEnum } from '@lib/auxiliary/icon'
export let activity: AliasActivity
$: title = getActivityTileTitle(activity)
</script>
<div class="relative flex w-8 h-8">
<div class="rounded-full flex justify-center items-center transition-none p-1 w-8 h-8 bg-gray-500">
<Icon
icon={IconEnum.Alias}
width="83.33333%"
height="83.33333%"
classes="text-white dark:text-gray-800 text-center"
/>
</div>
</div>
<div class="flex flex-col w-full space-y-0.5">
<div class="flex flex-row">
<Text
fontWeight={FontWeight.semibold}
lineHeight="140"
classes="overflow-hidden overflow-ellipsis multiwrap-line2"
>
{localize(title)}
</Text>
</div>
<div class="flex flex-row">
<Text fontWeight={FontWeight.medium} lineHeight="140" color="gray-600">
{truncateString(activity.aliasId, 20, 6)}
</Text>
</div>
</div>