Skip to content

Commit 6c45a56

Browse files
SwepoolSwepool
authored
Fee UI (#4633)
2 parents e99bb4a + cbea23d commit 6c45a56

File tree

125 files changed

+5147
-2498
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

125 files changed

+5147
-2498
lines changed

‎app2/app2.nix

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ _: {
3737
../typescript-sdk
3838
../ts-sdk
3939
];
40-
hash = "sha256-Rre5X8ATXG/dSr50+RJXZVwpMdSSNs+rxoe6oK0TdQg";
40+
hash = "sha256-kjFwxPfawrFdnF4Jsd5UdRIsuIoDpg8HLSaz++6oB08=";
4141
buildInputs = deps;
4242
nativeBuildInputs = buildInputs;
4343
pnpmWorkspaces = [
@@ -95,14 +95,15 @@ _: {
9595
program = pkgs.writeShellApplication {
9696
name = "app-check-watch";
9797
runtimeInputs = deps;
98+
# TODO: decrease threshold to "warning"
9899
text = ''
99100
${ensureAtRepositoryRoot}
100101
cd app2/
101102
export PUBLIC_DATADOG_CLIENT_TOKEN="${PUBLIC_DATADOG_CLIENT_TOKEN}"
102103
export PUBLIC_GIT_REV="${PUBLIC_GIT_REV}"
103104
export PUBLIC_LAST_MODIFIED_DATE="${PUBLIC_LAST_MODIFIED_DATE}"
104105
export PUBLIC_LAST_MODIFIED_EPOCH="${PUBLIC_LAST_MODIFIED_EPOCH}"
105-
pnpm run check --watch --threshold warning
106+
pnpm run check --watch --threshold error
106107
'';
107108
};
108109
};

‎app2/package.json

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,14 +17,16 @@
1717
},
1818
"devDependencies": {
1919
"@aptos-labs/ts-sdk": "1.38.0",
20+
"@chain-registry/types": "^0.50.144",
2021
"@cosmjs/amino": "^0.33.1",
2122
"@cosmjs/cosmwasm-stargate": "0.33.1",
2223
"@cosmjs/proto-signing": "^0.33.1",
2324
"@cosmjs/stargate": "0.33.1",
2425
"@cosmjs/tendermint-rpc": "^0.33.1",
2526
"@datadog/browser-logs": "^6.6.4",
26-
"@effect/experimental": "^0.46.4",
27-
"@effect/platform": "0.82.4",
27+
"@effect/experimental": "0.48.6",
28+
"@effect/platform": "0.84.6",
29+
"@effect/typeclass": "^0.35.5",
2830
"@eslint/compat": "^1.2.8",
2931
"@eslint/js": "^9.24.0",
3032
"@keplr-wallet/types": "^0.12.220",
@@ -35,8 +37,8 @@
3537
"@scure/base": "^1.2.4",
3638
"@supabase/supabase-js": "^2.49.4",
3739
"@sveltejs/adapter-static": "^3.0.8",
38-
"@sveltejs/kit": "^2.20.7",
39-
"@sveltejs/vite-plugin-svelte": "^5.0.3",
40+
"@sveltejs/kit": "^2.21.3",
41+
"@sveltejs/vite-plugin-svelte": "^5.1.0",
4042
"@tailwindcss/vite": "^4.1.4",
4143
"@testing-library/jest-dom": "^6.6.3",
4244
"@testing-library/svelte": "^5.2.4",
@@ -46,7 +48,7 @@
4648
"@wagmi/core": "^2.16.7",
4749
"@web3modal/wagmi": "5.1.11",
4850
"clsx": "^2.1.1",
49-
"effect": "3.15.2",
51+
"effect": "3.16.3",
5052
"eslint": "^9.24.0",
5153
"eslint-plugin-svelte": "^3.5.1",
5254
"globals": "^16.0.0",
@@ -59,8 +61,8 @@
5961
"rehype-stringify": "^10.0.1",
6062
"remark-parse": "^11.0.0",
6163
"remark-rehype": "^11.1.2",
62-
"svelte": "^5.27.1",
63-
"svelte-check": "^4.1.6",
64+
"svelte": "^5.33.18",
65+
"svelte-check": "^4.2.1",
6466
"tailwind-merge": "^3.2.0",
6567
"tailwindcss": "^4.1.4",
6668
"typescript-eslint": "^8.30.1",

‎app2/src/lib/components/DevInfo.svelte

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,7 @@ const lastModified = pipe(
1919
{/snippet}
2020

2121
{#if ENV() !== "PRODUCTION"}
22-
<div
23-
class="absolute bottom-0 right-0 bg-zinc-900/[var(--bg-opacity)] [--bg-opacity:80%] text-accent px-[1em] py-2 font-mono rounded-tl-lg z-999"
24-
>
22+
<div class="absolute bottom-0 right-0 bg-zinc-900/[var(--bg-opacity)] [--bg-opacity:80%] text-accent px-[1em] py-2 font-mono rounded-tl-lg z-999">
2523
<span>
2624
{`${ENV().toLowerCase()}`}
2725
{#if O.isSome(revision)}

‎app2/src/lib/components/icons/SharpDoubleCheckIcon.svelte

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,5 @@ const { class: className = "" }: Props = $props()
1212
viewBox="0 0 24 24"
1313
fill="currentColor"
1414
>
15-
<path
16-
d="M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z"
17-
/>
15+
<path d="M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z" />
1816
</svg>

‎app2/src/lib/components/icons/SharpGasIcon.svelte

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<svg
2+
xmlns="http://www.w3.org/2000/svg"
3+
width="1em"
4+
height="1em"
5+
viewBox="0 0 24 24"
6+
{...$$props}
7+
>
8+
<!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE -->
9+
<path
10+
fill="currentColor"
11+
d="M4 21V3h10v9h3v7.5h2v-8.2q-.225.125-.475.163T18 11.5q-1.05 0-1.775-.725T15.5 9q0-.8.438-1.437T17.1 6.65L15 4.55l1.05-1.05l3.7 3.6q.375.375.563.875T20.5 9v12h-5v-7.5H14V21zm2-11h6V5H6zm12 0q.425 0 .713-.288T19 9t-.288-.712T18 8t-.712.288T17 9t.288.713T18 10"
12+
/>
13+
</svg>

‎app2/src/lib/components/icons/SharpInfoIcon.svelte

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<svg
2+
xmlns="http://www.w3.org/2000/svg"
3+
width="1em"
4+
height="1em"
5+
viewBox="0 0 24 24"
6+
{...$$props}
7+
>
8+
<!-- Icon from Google Material Icons by Material Design Authors - https://github.com/material-icons/material-icons/blob/master/LICENSE -->
9+
<path
10+
fill="currentColor"
11+
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
12+
/>
13+
</svg>

‎app2/src/lib/components/layout/AppErrors/index.svelte

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { chains } from "$lib/stores/chains.svelte"
55
import { Option } from "effect"
66
77
import { tokenErrors, totalErrorCount } from "$lib/stores/app-errors.svelte"
8+
import { channels } from "$lib/stores/channels.svelte"
89
</script>
910

1011
{#if totalErrorCount() > 0}
@@ -15,7 +16,14 @@ import { tokenErrors, totalErrorCount } from "$lib/stores/app-errors.svelte"
1516
<div class="overflow-y-auto flex flex-col gap-4">
1617
{#if Option.isSome(chains.error)}
1718
<div>
18-
<Label>Chain Info Service</Label> <ErrorComponent error={chains.error.value} />
19+
<Label>Chain Info Service</Label>
20+
<ErrorComponent error={chains.error.value} />
21+
</div>
22+
{/if}
23+
{#if Option.isSome(channels.error)}
24+
<div>
25+
<Label>Channel Info Service</Label>
26+
<ErrorComponent error={channels.error.value} />
1927
</div>
2028
{/if}
2129
{#each tokenErrors() as { chainId, error }}

‎app2/src/lib/components/layout/Sidebar/index.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ let highlightElement: HTMLElement
2626
let overflowContainer: HTMLDivElement
2727
2828
const updateHighlightPosition = () => {
29-
const yOffset = overflowContainer.scrollTop
29+
const yOffset = overflowContainer?.scrollTop ?? 0
3030
if (page.url.pathname && highlightElement) {
3131
// Find the best matching navigation item
3232
let bestMatch: HTMLElement | null = null

‎app2/src/lib/components/model/AddressComponent.svelte

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,8 @@ const explorerName = $derived(chain.explorers.length > 0 ? chain.explorers[0].di
7777
</section>
7878

7979
<section>
80-
<Label>Chain</Label> <div>{chain.display_name}</div>
80+
<Label>Chain</Label>
81+
<div>{chain.display_name}</div>
8182
</section>
8283
<section>
8384
<Label>Display</Label>

‎app2/src/lib/components/model/BlockHashComponent.svelte

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,8 @@ const explorerName = $derived(
5252

5353
{#snippet content()}
5454
<section>
55-
<Label>Chain</Label> <ChainComponent {chain} />
55+
<Label>Chain</Label>
56+
<ChainComponent {chain} />
5657
</section>
5758

5859
<section>
@@ -64,7 +65,8 @@ const explorerName = $derived(
6465

6566
{#if Option.isSome(explorerUrl)}
6667
<section>
67-
<Label>Explorer</Label> <A href={explorerUrl.value}>View on {explorerName}</A>
68+
<Label>Explorer</Label>
69+
<A href={explorerUrl.value}>View on {explorerName}</A>
6870
</section>
6971
{/if}
7072
{/snippet}

0 commit comments

Comments
 (0)