- {equivalentValuesAsValueViews.map(equivalentValueAsValueView => (
-
- );
-};
diff --git a/apps/minifront/src/components/dashboard/assets-table/helpers.ts b/apps/minifront/src/components/dashboard/assets-table/helpers.ts
deleted file mode 100644
index c3ce65f4..00000000
--- a/apps/minifront/src/components/dashboard/assets-table/helpers.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { assetPatterns } from '@penumbra-zone/types/assets';
-import { getDisplay } from '@penumbra-zone/getters/metadata';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
-import { getMetadata } from '@penumbra-zone/getters/value-view';
-
-// We don't have to disclose auctionNft to the user since it is a kind of utility asset needed only
-// for the implementation of the Dutch auction
-const hiddenAssetPatterns = [assetPatterns.auctionNft, assetPatterns.lpNft];
-
-export const isUnknown = (balancesResponse: BalancesResponse) =>
- balancesResponse.balanceView?.valueView.case === 'unknownAssetId';
-
-export const shouldDisplay = (balance: BalancesResponse) =>
- isUnknown(balance) ||
- hiddenAssetPatterns.every(
- pattern => !pattern.matches(getDisplay(getMetadata(balance.balanceView))),
- );
diff --git a/apps/minifront/src/components/dashboard/assets-table/index.tsx b/apps/minifront/src/components/dashboard/assets-table/index.tsx
deleted file mode 100644
index c8d8a5ae..00000000
--- a/apps/minifront/src/components/dashboard/assets-table/index.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { LoaderFunction, useLoaderData } from 'react-router-dom';
-import { AddressIcon } from '@penumbra-zone/ui/components/ui/address-icon';
-import { AddressComponent } from '@penumbra-zone/ui/components/ui/address-component';
-import { BalancesByAccount, getBalancesByAccount } from '../../../fetchers/balances/by-account';
-import {
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeader,
- TableRow,
-} from '@penumbra-zone/ui/components/ui/table';
-import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value';
-import { abortLoader } from '../../../abort-loader';
-import { EquivalentValues } from './equivalent-values';
-import { Fragment } from 'react';
-import { shouldDisplay } from './helpers';
-
-export const AssetsLoader: LoaderFunction = async (): Promise
-
- );
- }
-
- return (
- - No balances found. Try requesting tokens by pasting your address in{' '} - - the faucet channel - {' '} - on Discord! -
-
-
-
-
-
-
- {summary.height}
-{summary.description}
-- {shorten(summary.hash, 8)} -
-
-
-
-
- To get started, connect the Penumbra Chrome extension.
- {!result ? (
-
- ) : (
-
- )}
-
- To get started, install the Penumbra Chrome extension.
-
-
-
-
-
- Communication with your Penumbra extension has been interrupted. Reloading the page may
- re-establish the conneciton.
-
-
-
- Version
-
- {shortenedCommitHash}
-
- {' - '}
- {formattedDate}
-
- );
-};
diff --git a/apps/minifront/src/components/footer/rights-message.tsx b/apps/minifront/src/components/footer/rights-message.tsx
deleted file mode 100644
index f3e732b2..00000000
--- a/apps/minifront/src/components/footer/rights-message.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-export const RightsMessage = () => {
- return (
-
- This software runs entirely on your device.
-
- - Learn more - {' '} - about your rights. -
- );
-};
diff --git a/apps/minifront/src/components/header/constants.tsx b/apps/minifront/src/components/header/constants.tsx
deleted file mode 100644
index ed26b6d6..00000000
--- a/apps/minifront/src/components/header/constants.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { PagePath } from '../metadata/paths';
-import { SwapIcon } from '../../icons/swap';
-import { ReactElement } from 'react';
-import { ArrowTopRightIcon, MixerHorizontalIcon, TextAlignLeftIcon } from '@radix-ui/react-icons';
-
-export interface HeaderLink {
- href: PagePath;
- label: string;
- active: boolean;
- subLinks?: PagePath[];
- mobileIcon: ReactElement;
-}
-
-export const headerLinks: HeaderLink[] = [
- {
- href: PagePath.IBC,
- label: 'Shield Funds',
- active: true,
- mobileIcon: - - Learn more - {' '} - about your rights. -
- {headerLinks
- .filter(link => link.active)
- .map(link => (
-
-
- {link.mobileIcon}
-
- ))}
-
-
- {link.label}
- -
-
- );
-};
diff --git a/apps/minifront/src/components/header/tablet-nav-menu.tsx b/apps/minifront/src/components/header/tablet-nav-menu.tsx
deleted file mode 100644
index 5da4ffae..00000000
--- a/apps/minifront/src/components/header/tablet-nav-menu.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import {
- NavigationMenu,
- NavigationMenuContent,
- NavigationMenuItem,
- NavigationMenuLink,
- NavigationMenuList,
- NavigationMenuTrigger,
- navigationMenuTriggerStyle,
-} from '@penumbra-zone/ui/components/ui/navigation-menu';
-import { cn } from '@penumbra-zone/ui/lib/utils';
-import { useNavigate } from 'react-router-dom';
-import { headerLinks, transactionLink } from './constants';
-import { usePagePath } from '../../fetchers/page-path';
-
-export const TabletNavMenu = () => {
- const pathname = usePagePath();
- const navigate = useNavigate();
-
- return (
-
-
-
-
-
- {
- [...headerLinks, transactionLink].find(
- link => link.href === pathname || link.subLinks?.includes(pathname),
- )?.label
- }
-
-
- {headerLinks
- .filter(link => link.active)
- .map(link => (
- navigate(link.href)}
- >
- {link.label}
-
- ))}
-
-
-
-
-
- );
-};
diff --git a/apps/minifront/src/components/header/top-row.tsx b/apps/minifront/src/components/header/top-row.tsx
deleted file mode 100644
index 572a1294..00000000
--- a/apps/minifront/src/components/header/top-row.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Link } from 'react-router-dom';
-import { MessageWarningIcon } from '../../icons/message-warning';
-import { MobileNavMenu } from './mobile-nav-menu';
-import { Navbar } from './navbar';
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from '@penumbra-zone/ui/components/ui/tooltip';
-import { Network } from '@penumbra-zone/ui/components/ui/network';
-import { PagePath } from '../metadata/paths';
-import { TabletNavMenu } from './tablet-nav-menu';
-import { useEffect, useState } from 'react';
-import { getChainId } from '../../fetchers/chain-id';
-
-// Infinite-expiry invite link to the #web-ext-feedback channel. Provided by
-// Henry (@hdevalence) and thus tied to his Discord account, so reach out to him
-// if there are any problems with this link.
-const WEB_EXT_FEEDBACK_DISCORD_CHANNEL = 'https://discord.gg/XDNcrhKVwV';
-
-export const TopRow = () => {
- const [chainId, setChainId] = useState
-
- );
-};
diff --git a/apps/minifront/src/components/ibc/ibc-in/asset-utils.test.ts b/apps/minifront/src/components/ibc/ibc-in/asset-utils.test.ts
deleted file mode 100644
index d3b5c828..00000000
--- a/apps/minifront/src/components/ibc/ibc-in/asset-utils.test.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { fromDisplayAmount, toDisplayAmount } from './asset-utils';
-
-const asset = {
- denom_units: [
- { denom: 'osmo', exponent: 6 },
- { denom: 'uosmo', exponent: 0 },
- ],
- base: 'uosmo',
- name: 'Osmosis',
- display: 'osmo',
- symbol: 'OSMO',
-};
-
-describe('toDisplayAmount', () => {
- test('converts uosmo to osmo correctly', () => {
- expect(toDisplayAmount(asset, { denom: 'uosmo', amount: '41000000' })).toEqual('41');
- });
-
- test('high precision conversion from uosmo to osmo', () => {
- expect(toDisplayAmount(asset, { denom: 'uosmo', amount: '123456789012345' })).toEqual(
- '123456789.012345',
- );
- });
-
- test('coin denom not found in asset denom_units', () => {
- expect(toDisplayAmount(asset, { denom: 'xosmo', amount: '1000000' })).toEqual('1000000');
- });
-
- test('zero amount conversion from uosmo to osmo', () => {
- expect(toDisplayAmount(asset, { denom: 'uosmo', amount: '0' })).toEqual('0');
- });
-});
-
-describe('fromDisplayAmount', () => {
- test('converts osmo to uosmo correctly for a whole number', () => {
- const result = fromDisplayAmount(asset, 'osmo', '1');
- expect(result).toEqual({ denom: 'uosmo', amount: '1000000' });
- });
-
- test('converts osmo to uosmo correctly for a decimal number', () => {
- const result = fromDisplayAmount(asset, 'osmo', '0.5');
- expect(result).toEqual({ denom: 'uosmo', amount: '500000' });
- });
-
- test('handles large numbers', () => {
- const result = fromDisplayAmount(asset, 'osmo', '123456');
- expect(result).toEqual({ denom: 'uosmo', amount: '123456000000' });
- });
-
- test('converts when display amount is zero', () => {
- const result = fromDisplayAmount(asset, 'osmo', '0');
- expect(result).toEqual({ denom: 'uosmo', amount: '0' });
- });
-
- test('returns input amount if display exponent is undefined', () => {
- const result = fromDisplayAmount(asset, 'xosmo', '100');
- expect(result).toEqual({ denom: 'xosmo', amount: '100' });
- });
-
- test('defaults base exponent to zero when base exponent not found in denom units array', () => {
- const noExponentForBase = {
- denom_units: [{ denom: 'osmo', exponent: 6 }],
- base: 'uosmo',
- name: 'Osmosis',
- display: 'osmo',
- symbol: 'OSMO',
- };
- const result = fromDisplayAmount(noExponentForBase, 'osmo', '100');
- expect(result).toEqual({ denom: 'uosmo', amount: '100000000' });
- });
-});
diff --git a/apps/minifront/src/components/ibc/ibc-in/asset-utils.tsx b/apps/minifront/src/components/ibc/ibc-in/asset-utils.tsx
deleted file mode 100644
index 6f7fd098..00000000
--- a/apps/minifront/src/components/ibc/ibc-in/asset-utils.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { assets as cosmosAssetList } from 'chain-registry';
-import { Coin } from 'osmo-query';
-import { Asset } from '@chain-registry/types';
-import { BigNumber } from 'bignumber.js';
-import { AssetDenomUnit } from '@chain-registry/types/assets';
-
-// Searches for corresponding denom in asset registry and returns the metadata
-export const augmentToAsset = (denom: string, chainName: string): Asset => {
- const match = cosmosAssetList
- .find(({ chain_name }) => chain_name === chainName)
- ?.assets.find(asset => asset.base === denom);
-
- return match ? match : fallbackAsset(denom);
-};
-
-const fallbackAsset = (denom: string): Asset => {
- return {
- base: denom,
- denom_units: [{ denom, exponent: 0 }],
- display: denom,
- name: denom,
- symbol: denom,
- };
-};
-
-// Helps us convert from say 41000000uosmo to the more readable 41osmo
-export const toDisplayAmount = (asset: Asset, coin: Coin): string => {
- const currentExponent = getExponent(asset.denom_units, coin.denom);
- const displayExponent = getExponent(asset.denom_units, asset.display);
- if (currentExponent === undefined || displayExponent === undefined) {
- return coin.amount;
- }
-
- const exponentDifference = currentExponent - displayExponent;
- return new BigNumber(coin.amount).shiftedBy(exponentDifference).toString();
-};
-
-// Converts a readable amount back to its base amount
-export const fromDisplayAmount = (
- asset: Asset,
- displayDenom: string,
- displayAmount: string,
-): Coin => {
- const displayExponent = getExponent(asset.denom_units, displayDenom);
- if (displayExponent === undefined) {
- return { denom: displayDenom, amount: displayAmount };
- }
-
- // Defaults to zero if not found
- const baseExponent = getExponent(asset.denom_units, asset.base) ?? 0;
-
- const exponentDifference = displayExponent - baseExponent;
- const amount = new BigNumber(displayAmount).shiftedBy(exponentDifference).toString();
- return { denom: asset.base, amount };
-};
-
-const getExponent = (denomUnits: AssetDenomUnit[], denom: string): number | undefined => {
- return denomUnits.find(unit => unit.denom === denom)?.exponent;
-};
diff --git a/apps/minifront/src/components/ibc/ibc-in/assets-table.tsx b/apps/minifront/src/components/ibc/ibc-in/assets-table.tsx
deleted file mode 100644
index 4a2d0c11..00000000
--- a/apps/minifront/src/components/ibc/ibc-in/assets-table.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { useChainConnector, useCosmosChainBalances } from './hooks';
-import { useStore } from '../../../state';
-import { ibcInSelector } from '../../../state/ibc-in';
-import {
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeader,
- TableRow,
-} from '@penumbra-zone/ui/components/ui/table';
-import { Avatar, AvatarImage } from '@penumbra-zone/ui/components/ui/avatar';
-import { Identicon } from '@penumbra-zone/ui/components/ui/identicon';
-import { LineWave } from 'react-loader-spinner';
-
-export const AssetsTable = () => {
- const { address } = useChainConnector();
- const { selectedChain } = useStore(ibcInSelector);
- const { data, isLoading, error } = useCosmosChainBalances();
-
- // User has not connected their wallet yet
- if (!address || !selectedChain) return <>;
-
- if (isLoading) {
- return (
-
- 
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Send feedback via our Discord channel
-
-
-
-
- {chainId ? (
-
-
- ) : null}
-
- Loading balances...
-
- );
- }
-
- if (error) {
- return {String(error)}
;
- }
-
- return (
-
-
-
-
- );
-};
-
-const noBalancesRow = () => {
- return (
-
- Balances on {selectedChain.label}
-
-
-
- );
-};
diff --git a/apps/minifront/src/components/ibc/ibc-in/destination-addr.tsx b/apps/minifront/src/components/ibc/ibc-in/destination-addr.tsx
deleted file mode 100644
index 665ee794..00000000
--- a/apps/minifront/src/components/ibc/ibc-in/destination-addr.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { AllSlices } from '../../../state';
-import { useEffect } from 'react';
-import { IncognitoIcon } from '@penumbra-zone/ui/components/ui/icons/incognito';
-import { useStoreShallow } from '../../../utils/use-store-shallow';
-
-const addrsSelector = ({ ibcIn }: AllSlices) => ({
- fetchPenumbraAddrs: ibcIn.fetchPenumbraAddrs,
- penumbraAddrs: ibcIn.penumbraAddrs,
- selectedChain: ibcIn.selectedChain,
-});
-
-export const DestinationAddr = () => {
- const { penumbraAddrs, fetchPenumbraAddrs, selectedChain } = useStoreShallow(addrsSelector);
-
- // TODO: allow for user account selection
- // On mount, get normal+ephemeral address for Account #0
- useEffect(() => void fetchPenumbraAddrs(), [fetchPenumbraAddrs, selectedChain]);
-
- return (
-
-
- {address && {message}
- )}
-
-
- );
-};
diff --git a/apps/minifront/src/components/ibc/ibc-in/hooks.ts b/apps/minifront/src/components/ibc/ibc-in/hooks.ts
deleted file mode 100644
index 5315d7b0..00000000
--- a/apps/minifront/src/components/ibc/ibc-in/hooks.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { useStore } from '../../../state';
-import { ibcInSelector } from '../../../state/ibc-in';
-import { useChain, useManager } from '@cosmos-kit/react';
-import { UseQueryResult } from '@tanstack/react-query';
-import { ProtobufRpcClient } from '@cosmjs/stargate';
-import { Coin, createRpcQueryHooks, useRpcClient, useRpcEndpoint } from 'osmo-query';
-import { augmentToAsset, toDisplayAmount } from './asset-utils';
-
-// This is sad, but osmo-query's custom hooks require calling .toJSON() on all fields.
-// This will throw an error for bigint, so needs to be added to the prototype.
-declare global {
- interface BigInt {
- toJSON(): string;
- }
-}
-
-BigInt.prototype.toJSON = function () {
- return this.toString();
-};
-
-export const useChainConnector = () => {
- const { selectedChain } = useStore(ibcInSelector);
- const { chainRecords } = useManager();
- const defaultChain = chainRecords[0]!.name;
- return useChain(selectedChain?.chainName ?? defaultChain);
-};
-
-const useCosmosQueryHooks = () => {
- const { address, getRpcEndpoint, chain } = useChainConnector();
-
- const rpcEndpointQuery = useRpcEndpoint({
- getter: getRpcEndpoint,
- options: {
- enabled: !!address,
- staleTime: Infinity,
- queryKey: ['rpc endpoint', address, chain.chain_name],
- // Needed for osmo-query's internal caching
- queryKeyHashFn: queryKey => {
- return JSON.stringify([...queryKey, chain.chain_name]);
- },
- },
- }) as UseQueryResult
- Sending to your Account #0
-
- {penumbraAddrs && (
- <>
- Here is your normal address
- {penumbraAddrs.normal}
-
- But you will IBC to an ephemeral address representing{' '}
- Account #0 to maintain privacy{' '}
-
-
-
- {penumbraAddrs.ephemeral}
-
-
- )}
-
-
- );
-};
-
-const AmountInput = () => {
- const { setAmount, coin } = useStore(ibcInSelector);
- const { amountErr } = useStore(ibcErrorSelector);
-
- return (
- setAmount(e.target.value)}
- required
- />
- );
-};
diff --git a/apps/minifront/src/components/ibc/ibc-in/interchain-ui.tsx b/apps/minifront/src/components/ibc/ibc-in/interchain-ui.tsx
deleted file mode 100644
index 218af9f7..00000000
--- a/apps/minifront/src/components/ibc/ibc-in/interchain-ui.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { IbcChainProvider } from './chain-provider';
-import { useRegistry } from '../../../fetchers/registry';
-import { IbcInForm } from './ibc-in-form';
-
-export const InterchainUi = () => {
- const { data, isLoading, error } = useRegistry();
-
- if (isLoading) return Issue Ibc-in Request
- {isUnsupportedAsset && (
-
- Note: only native assets at this time are eligible for ibc'ing in. Unwind them
- through their home chain to get them to Penumbra.
-
- )}
-
-
-
- Loading registry...
;
- if (error) return Error trying to load registry!
;
- if (!data) return <>;
-
- return (
-
-
- );
-};
diff --git a/apps/minifront/src/components/ibc/ibc-in/wallet-connect-button.tsx b/apps/minifront/src/components/ibc/ibc-in/wallet-connect-button.tsx
deleted file mode 100644
index 89b0b1fb..00000000
--- a/apps/minifront/src/components/ibc/ibc-in/wallet-connect-button.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { WalletStatus } from 'cosmos-kit';
-import { WalletIcon } from '@penumbra-zone/ui/components/ui/icons/wallet';
-import { MouseEventHandler } from 'react';
-import { useStore } from '../../../state';
-import { ibcInSelector } from '../../../state/ibc-in';
-
-import { useChainConnector } from './hooks';
-import { cn } from '@penumbra-zone/ui/lib/utils';
-
-export const ConnectWalletButton = () => {
- const { connect, openView, status } = useChainConnector();
- const { selectedChain } = useStore(ibcInSelector);
-
- if (!selectedChain) {
- return {address}
- {username}
-
-
- );
-};
-
-const ChainIcon = ({ chain }: { chain: Chain }) => {
- const imgUrl = getChainImgUrl(chain);
- if (!imgUrl) return undefined;
-
- return Chain
- -
;
-};
-
-const getChainImgUrl = (chain?: Chain) => {
- const chainImgObj = chain?.images[0];
- if (!chainImgObj) return undefined;
-
- return chainImgObj.png ?? chainImgObj.svg;
-};
diff --git a/apps/minifront/src/components/ibc/ibc-out/ibc-out-form.tsx b/apps/minifront/src/components/ibc/ibc-out/ibc-out-form.tsx
deleted file mode 100644
index 5f279f83..00000000
--- a/apps/minifront/src/components/ibc/ibc-out/ibc-out-form.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Button } from '@penumbra-zone/ui/components/ui/button';
-import { Input } from '@penumbra-zone/ui/components/ui/input';
-import { ChainSelector } from './chain-selector';
-import { useLoaderData } from 'react-router-dom';
-import { useStore } from '../../../state';
-import {
- filterBalancesPerChain,
- ibcOutSelector,
- ibcValidationErrors,
-} from '../../../state/ibc-out';
-import InputToken from '../../shared/input-token';
-import { InputBlock } from '../../shared/input-block';
-import { IbcLoaderResponse } from '../ibc-loader';
-import { LockOpen2Icon } from '@radix-ui/react-icons';
-
-export const IbcOutForm = () => {
- const { balances, stakingTokenMetadata, assets } = useLoaderData() as IbcLoaderResponse;
- const {
- sendIbcWithdraw,
- destinationChainAddress,
- setDestinationChainAddress,
- amount,
- setAmount,
- selection,
- setSelection,
- chain,
- } = useStore(ibcOutSelector);
- const filteredBalances = filterBalancesPerChain(balances, chain, stakingTokenMetadata, assets);
- const validationErrors = useStore(ibcValidationErrors);
-
- return (
-
- );
-};
diff --git a/apps/minifront/src/components/ibc/layout.tsx b/apps/minifront/src/components/ibc/layout.tsx
deleted file mode 100644
index 637560e8..00000000
--- a/apps/minifront/src/components/ibc/layout.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Card } from '@penumbra-zone/ui/components/ui/card';
-import { IbcOutForm } from './ibc-out/ibc-out-form';
-import { InterchainUi } from './ibc-in/interchain-ui';
-import { LongArrowIcon } from './long-arrow';
-
-export const IbcLayout = () => {
- return (
- <>
-
-
-
-
-
-
-
-
- );
-};
diff --git a/apps/minifront/src/components/ibc/long-arrow.tsx b/apps/minifront/src/components/ibc/long-arrow.tsx
deleted file mode 100644
index e992e790..00000000
--- a/apps/minifront/src/components/ibc/long-arrow.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-interface LongArrowIconProps {
- className?: string;
- direction: 'left' | 'right';
-}
-
-export const LongArrowIcon = ({ className, direction }: LongArrowIconProps) => {
- const rotationStyle = {
- transform: direction === 'right' ? 'rotate(0deg)' : 'rotate(180deg)',
- };
-
- return (
-
- );
-};
diff --git a/apps/minifront/src/components/layout.tsx b/apps/minifront/src/components/layout.tsx
deleted file mode 100644
index 2dd0ccff..00000000
--- a/apps/minifront/src/components/layout.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Outlet } from 'react-router-dom';
-import { HeadTag } from './metadata/head-tag';
-import { Header } from './header/header';
-import { Toaster } from '@penumbra-zone/ui/components/ui/toaster';
-import { Footer } from './footer/footer';
-import '@penumbra-zone/ui/styles/globals.css';
-import { getChainId } from '../fetchers/chain-id';
-import { useEffect, useState } from 'react';
-import { TestnetBanner } from '@penumbra-zone/ui/components/ui/testnet-banner';
-import { MotionConfig } from 'framer-motion';
-
-export const Layout = () => {
- const [chainId, setChainId] = useState
-
-
-
-
-
-
-
-
-
-
-
- );
-};
diff --git a/apps/minifront/src/components/send/send-form/index.tsx b/apps/minifront/src/components/send/send-form/index.tsx
deleted file mode 100644
index f705e1aa..00000000
--- a/apps/minifront/src/components/send/send-form/index.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import { Button } from '@penumbra-zone/ui/components/ui/button';
-import { Input } from '@penumbra-zone/ui/components/ui/input';
-import { useStore } from '../../../state';
-import { sendSelector, sendValidationErrors } from '../../../state/send';
-import { InputBlock } from '../../shared/input-block';
-import { LoaderFunction, useLoaderData } from 'react-router-dom';
-import { useMemo } from 'react';
-import { getTransferableBalancesResponses, penumbraAddrValidation } from '../helpers';
-import { abortLoader } from '../../../abort-loader';
-import InputToken from '../../shared/input-token';
-import { useRefreshFee } from './use-refresh-fee';
-import { GasFee } from '../../shared/gas-fee';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { getStakingTokenMetadata } from '../../../fetchers/registry';
-
-export interface SendLoaderResponse {
- assetBalances: BalancesResponse[];
- feeAssetMetadata: Metadata;
-}
-
-export const SendAssetBalanceLoader: LoaderFunction = async (): Promise
-
-
- )}
-
-
-
- );
-};
diff --git a/apps/minifront/src/components/shared/balance-selector.tsx b/apps/minifront/src/components/shared/balance-selector.tsx
deleted file mode 100644
index a3c41a57..00000000
--- a/apps/minifront/src/components/shared/balance-selector.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
-import { useId, useState } from 'react';
-import { IconInput } from '@penumbra-zone/ui/components/ui/icon-input';
-import {
- Dialog,
- DialogClose,
- DialogContent,
- DialogHeader,
-} from '@penumbra-zone/ui/components/ui/dialog';
-import { cn } from '@penumbra-zone/ui/lib/utils';
-import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
-import { getAddressIndex } from '@penumbra-zone/getters/address-view';
-import { getDisplayDenomFromView, getSymbolFromValueView } from '@penumbra-zone/getters/value-view';
-import { Box } from '@penumbra-zone/ui/components/ui/box';
-import { motion } from 'framer-motion';
-
-const bySearch = (search: string) => (balancesResponse: BalancesResponse) =>
- getDisplayDenomFromView(balancesResponse.balanceView)
- .toLocaleLowerCase()
- .includes(search.toLocaleLowerCase()) ||
- getSymbolFromValueView(balancesResponse.balanceView)
- .toLocaleLowerCase()
- .includes(search.toLocaleLowerCase());
-
-interface BalanceSelectorProps {
- value: BalancesResponse | undefined;
- onChange: (selection: BalancesResponse) => void;
- balances: BalancesResponse[];
-}
-
-/**
- * Renders balances the user holds, and allows the user to select one. This is
- * useful for a form where the user wants to send/sell/swap an asset that they
- * already hold.
- *
- * Use `
-
-
- )}
-
-
-
- );
-}
diff --git a/apps/minifront/src/components/shared/edu-panels/content.tsx b/apps/minifront/src/components/shared/edu-panels/content.tsx
deleted file mode 100644
index 0d71de6d..00000000
--- a/apps/minifront/src/components/shared/edu-panels/content.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-export enum EduPanel {
- ASSETS,
- TRANSACTIONS_LIST,
- SHIELDED_TRANSACTION,
- SENDING_FUNDS,
- RECEIVING_FUNDS,
- IBC_WITHDRAW,
- SWAP,
- SWAP_AUCTION,
- STAKING,
- TEMP_FILLER,
-}
-
-export const eduPanelContent: Record{eduPanelContent[content]}
-
-
-
- 
-
-
- )}
-
-
-
- {children}
-
-
- onInputChange(e.target.value)}
- />
-
-
-
-
-
- {selection?.balanceView && (
-
- {children}
;
-};
diff --git a/apps/minifront/src/components/shared/tabs.tsx b/apps/minifront/src/components/shared/tabs.tsx
deleted file mode 100644
index 2a0488bf..00000000
--- a/apps/minifront/src/components/shared/tabs.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { PagePath } from '../metadata/paths';
-import { useNavigate } from 'react-router-dom';
-import { SegmentedPicker } from '@penumbra-zone/ui/components/ui/segmented-picker';
-import { ComponentProps } from 'react';
-
-export interface Tab {
- title: string;
- enabled: boolean;
- href: PagePath;
-}
-
-interface TabsProps {
- tabs: Tab[];
- activeTab: PagePath;
- className?: string;
-}
-
-export const Tabs = ({ tabs, activeTab }: TabsProps) => {
- const navigate = useNavigate();
- const options: ComponentProps
-
- );
- },
-);
-DelegationValueView.displayName = 'DelegationValueView';
diff --git a/apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/form-dialog.tsx b/apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/form-dialog.tsx
deleted file mode 100644
index 95a5b341..00000000
--- a/apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/form-dialog.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { Button } from '@penumbra-zone/ui/components/ui/button';
-import { Dialog, DialogContent, DialogHeader } from '@penumbra-zone/ui/components/ui/dialog';
-import { IdentityKeyComponent } from '@penumbra-zone/ui/components/ui/identity-key-component';
-import { Input } from '@penumbra-zone/ui/components/ui/input';
-import { InputBlock } from '../../../../shared/input-block';
-import { Validator } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { FormEvent } from 'react';
-import { getIdentityKey } from '@penumbra-zone/getters/validator';
-import { getFormattedAmtFromValueView } from '@penumbra-zone/types/value-view';
-import { BalanceValueView } from '@penumbra-zone/ui/components/ui/balance-value-view';
-
-const getCapitalizedAction = (action: 'delegate' | 'undelegate') =>
- action.replace(/^./, firstCharacter => firstCharacter.toLocaleUpperCase());
-
-/**
- * Renders a dialog with a form for delegating to, or undelegating from, a
- * validator.
- */
-export const FormDialog = ({
- action,
- validator,
- amount,
- delegationTokens,
- unstakedTokens,
- open,
- onChangeAmount,
- onClose,
- onSubmit,
-}: {
- /** When defined, the dialog will be open. */
- action?: 'delegate' | 'undelegate';
- /** The validator we're delegating to or undelegating from. */
- validator: Validator;
- amount: string;
- /**
- * A `ValueView` representing the address's balance of delegation tokens. Used
- * to show the user how many tokens they have available to undelegate.
- */
- delegationTokens: ValueView;
- /**
- * A `ValueView` representing the address's balance of staking (UM) tokens.
- * Used to show the user how many tokens they have available to delegate.
- */
- unstakedTokens?: ValueView;
- /**
- * Whether the form is open.
- */
- open: boolean;
- onChangeAmount: (amount: string) => void;
- onClose: () => void;
- onSubmit: () => void;
-}) => {
- const handleOpenChange = (open: boolean) => {
- if (!open) onClose();
- };
-
- const handleSubmit = (e: FormEvent) => {
- e.preventDefault();
- onSubmit();
- };
-
- const setInputToBalanceMax = () => {
- const type = action === 'delegate' ? unstakedTokens : delegationTokens;
- if (type) {
- const formattedAmt = getFormattedAmtFromValueView(type);
- onChangeAmount(formattedAmt);
- }
- };
-
- return (
-
- );
-};
diff --git a/apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/index.test.tsx b/apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/index.test.tsx
deleted file mode 100644
index 3d9812ef..00000000
--- a/apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/index.test.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { StakingActions } from '.';
-import { render } from '@testing-library/react';
-import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-
-const nonZeroBalance = new ValueView({
- valueView: {
- case: 'knownAssetId',
- value: {
- amount: { hi: 0n, lo: 1n },
- },
- },
-});
-
-const zeroBalance = new ValueView({
- valueView: {
- case: 'knownAssetId',
- value: {
- amount: { hi: 0n, lo: 0n },
- },
- },
-});
-
-const validatorInfo = new ValidatorInfo({ validator: {} });
-
-describe('
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {validator.name}
-
- {votingPowerAsIntegerPercentage !== undefined && (
-
- {showTooltips && (
-
-
- VP:
-
- Voting power
-
- )}
- {!showTooltips && VP:} {votingPowerAsIntegerPercentage}%
-
- )}
-
-
- {showTooltips && (
-
-
- Com:
-
- Commission
-
- )}
- {!showTooltips && Com:} {calculateCommissionAsPercentage(validatorInfo)}%
-
-
-
-
- {delegations.map(delegation => (
-
-
- ))}
-
-
- );
-};
diff --git a/apps/minifront/src/components/staking/account/header/index.tsx b/apps/minifront/src/components/staking/account/header/index.tsx
deleted file mode 100644
index 1dc5c92e..00000000
--- a/apps/minifront/src/components/staking/account/header/index.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Button } from '@penumbra-zone/ui/components/ui/button';
-import { Card, CardContent } from '@penumbra-zone/ui/components/ui/card';
-import { AccountSwitcher } from '@penumbra-zone/ui/components/ui/account-switcher';
-import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value';
-import { Stat } from './stat';
-import { AllSlices } from '../../../../state';
-import { UnbondingTokens } from './unbonding-tokens';
-import { useStoreShallow } from '../../../../utils/use-store-shallow';
-import { useLoaderData } from 'react-router-dom';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { zeroValueView } from '../../../../utils/zero-value-view';
-
-const headerSelector = (state: AllSlices) => ({
- account: state.staking.account,
- setAccount: state.staking.setAccount,
- accountSwitcherFilter: state.staking.accountSwitcherFilter,
- unstakedTokensByAccount: state.staking.unstakedTokensByAccount,
- unbondingTokensByAccount: state.staking.unbondingTokensByAccount,
- undelegateClaim: state.staking.undelegateClaim,
-});
-
-/**
- * The header of the account view, with an account switcher and balances of
- * various token types related to staking.
- */
-export const Header = () => {
- const {
- account,
- setAccount,
- accountSwitcherFilter,
- unstakedTokensByAccount,
- unbondingTokensByAccount,
- undelegateClaim,
- } = useStoreShallow(headerSelector);
- const unstakedTokens = unstakedTokensByAccount.get(account);
- const unbondingTokens = unbondingTokensByAccount.get(account);
-
- const stakingTokenMetadata = useLoaderData() as Metadata;
- return (
-
-
-
-
-
-
-
-
-
-
-
- {!!unbondingTokens?.claimable.tokens.length && (
-
- )}
-
-
-
-
- {label}
- {children}
-
- );
-};
diff --git a/apps/minifront/src/components/staking/account/header/unbonding-tokens.tsx b/apps/minifront/src/components/staking/account/header/unbonding-tokens.tsx
deleted file mode 100644
index eed53b9b..00000000
--- a/apps/minifront/src/components/staking/account/header/unbonding-tokens.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import {
- Metadata,
- ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { getDisplayDenomFromView } from '@penumbra-zone/getters/value-view';
-import {
- TooltipProvider,
- Tooltip,
- TooltipTrigger,
- TooltipContent,
-} from '@penumbra-zone/ui/components/ui/tooltip';
-import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value';
-import { ReactNode } from 'react';
-import { zeroValueView } from '../../../../utils/zero-value-view';
-
-export const UnbondingTokens = ({
- total,
- tokens,
- helpText,
- children,
- stakingTokenMetadata,
-}: {
- total?: ValueView;
- tokens?: ValueView[];
- helpText: string;
- children?: ReactNode;
- stakingTokenMetadata: Metadata;
-}) => {
- return (
-
-
- {helpText}
-
- {!!tokens?.length &&
- tokens.map(token => (
-
-
-
- Delegation tokens
-
-
-
-
-
-
- My Auctions
-
-
- {!!auctionInfos.data?.length &&
-
-
-
- {!filteredAuctionInfos.length &&
- filter === 'all' &&
- "You don't currently have any auctions."}
-
- {!filteredAuctionInfos.length &&
- filter !== 'all' &&
- `You don't currently have any ${filter} auctions.`}
-
-
- {filteredAuctionInfos.map(auctionInfo => (
-
-
-
-
- ))}
-
-
- - (makes a request to a fullnode) -
-
- );
-};
diff --git a/apps/minifront/src/components/swap/helpers.ts b/apps/minifront/src/components/swap/helpers.ts
deleted file mode 100644
index 8e7c45d8..00000000
--- a/apps/minifront/src/components/swap/helpers.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { assetPatterns } from '@penumbra-zone/types/assets';
-import { getBalances } from '../../fetchers/balances';
-import {
- getAmount,
- getDisplayDenomExponentFromValueView,
- getMetadata,
-} from '@penumbra-zone/getters/value-view';
-import { fromBaseUnitAmount } from '@penumbra-zone/types/amount';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { getDisplay } from '@penumbra-zone/getters/metadata';
-
-const byBalanceDescending = (a: BalancesResponse, b: BalancesResponse) => {
- const aExponent = getDisplayDenomExponentFromValueView(a.balanceView);
- const bExponent = getDisplayDenomExponentFromValueView(b.balanceView);
- const aAmount = fromBaseUnitAmount(getAmount(a.balanceView), aExponent);
- const bAmount = fromBaseUnitAmount(getAmount(b.balanceView), bExponent);
-
- return bAmount.comparedTo(aAmount);
-};
-
-const nonSwappableAssetPatterns = [
- assetPatterns.lpNft,
- assetPatterns.proposalNft,
- assetPatterns.votingReceipt,
- assetPatterns.auctionNft,
- assetPatterns.lpNft,
-
- // In theory, these asset types are swappable, but we have removed them for now to get a better UX
- assetPatterns.delegationToken,
- assetPatterns.unbondingToken,
-];
-
-export const isSwappable = (metadata: Metadata) =>
- nonSwappableAssetPatterns.every(pattern => !pattern.matches(getDisplay(metadata)));
-
-const isKnown = (balancesResponse: BalancesResponse) =>
- balancesResponse.balanceView?.valueView.case === 'knownAssetId';
-
-export const getSwappableBalancesResponses = async (): Promise
-
- Instant
-
- Price - - -
- Price - -
-
- {duration === 'instant' && (
- - Price - - -
- Price - -
- Now
- single trade at market price
-
- )}
-
- {duration !== 'instant' && (
-
- ~ {duration}{' '}
-
- distributed across {GDA_RECIPES[duration].numberOfSubAuctions.toString()} auctions
-
-
- )}
-
-
-
-
-
-
-
- - Privacy note: This makes a request to your config's gRPC node to simulate a swap of - these assets. That means you are possibly revealing your intent to this node. -
-
- Based on the current estimated market price of {formattedAmount} {assetOut?.symbol} for{' '}
- {amount} {asssetInSymbol}.
-
- );
-};
diff --git a/apps/minifront/src/components/swap/swap-form/output/index.tsx b/apps/minifront/src/components/swap/swap-form/output/index.tsx
deleted file mode 100644
index b9769c4d..00000000
--- a/apps/minifront/src/components/swap/swap-form/output/index.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Box } from '@penumbra-zone/ui/components/ui/box';
-import { AllSlices } from '../../../../state';
-import { useStoreShallow } from '../../../../utils/use-store-shallow';
-import { Input } from '@penumbra-zone/ui/components/ui/input';
-import { EstimateButton } from '../estimate-button';
-import { EstimatedOutputExplanation } from './estimated-output-explanation';
-import { motion } from 'framer-motion';
-
-const outputSelector = (state: AllSlices) => ({
- assetOut: state.swap.assetOut,
- minOutput: state.swap.dutchAuction.minOutput,
- setMinOutput: state.swap.dutchAuction.setMinOutput,
- maxOutput: state.swap.dutchAuction.maxOutput,
- setMaxOutput: state.swap.dutchAuction.setMaxOutput,
- estimate: state.swap.dutchAuction.estimate,
- estimateButtonDisabled:
- state.swap.txInProgress || !state.swap.amount || state.swap.dutchAuction.estimateLoading,
-});
-
-export const Output = ({ layoutId }: { layoutId: string }) => {
- const {
- assetOut,
- minOutput,
- setMinOutput,
- maxOutput,
- setMaxOutput,
- estimate,
- estimateButtonDisabled,
- } = useStoreShallow(outputSelector);
-
- return (
-
- Maximum:
- setMaxOutput(e.target.value)}
- type='number'
- inputMode='decimal'
- step='any'
- className='text-right'
- />
-
- {assetOut?.symbol && (
- {assetOut.symbol}
- )}
-
-
-
- Minimum:
-
- setMinOutput(e.target.value)}
- type='number'
- inputMode='decimal'
- step='any'
- className='text-right'
- />
-
- {assetOut?.symbol && (
- {assetOut.symbol}
- )}
-
-
-
-
- {!!traces?.length && (
- <>
-
-
-
-
- {hasUnfilled && (
-
-
- )}
-
-
-
- )}
-
- {traces.map((trace, index) => (
-
-
- {percent}%
-
- );
-};
diff --git a/apps/minifront/src/components/swap/swap-form/simulate-swap-result/trace/index.tsx b/apps/minifront/src/components/swap/swap-form/simulate-swap-result/trace/index.tsx
deleted file mode 100644
index 784464e4..00000000
--- a/apps/minifront/src/components/swap/swap-form/simulate-swap-result/trace/index.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import {
- Metadata,
- Value,
- ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb';
-import { bech32mAssetId } from '@penumbra-zone/bech32m/passet';
-import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value';
-import { Fragment } from 'react';
-import { Price } from './price';
-import { Separator } from '@penumbra-zone/ui/components/ui/separator';
-
-const getValueView = (metadataByAssetId: Record
-
- );
-};
diff --git a/apps/minifront/src/components/swap/swap-form/simulate-swap-result/trace/price.tsx b/apps/minifront/src/components/swap/swap-form/simulate-swap-result/trace/price.tsx
deleted file mode 100644
index f8dbe90c..00000000
--- a/apps/minifront/src/components/swap/swap-form/simulate-swap-result/trace/price.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb';
-import { bech32mAssetId } from '@penumbra-zone/bech32m/passet';
-import { getDisplayDenomExponent } from '@penumbra-zone/getters/metadata';
-import { formatAmount, removeTrailingZeros } from '@penumbra-zone/types/amount';
-import { BigNumber } from 'bignumber.js';
-
-export const Price = ({
- trace,
- metadataByAssetId,
-}: {
- trace: SwapExecution_Trace;
- metadataByAssetId: Record
- {trace.value.map((value, index) => (
-
-
- ))}
-
-
-
-
-
- {index < trace.value.length - 1 &&
- {
- if (!isValidAmount(e.target.value, assetIn)) return;
- setAmount(e.target.value);
- }}
- />
-
-
-
- {assetIn && (
-
- {priceHistory.startMetadata && priceHistory.endMetadata && priceHistory.candles.length ? (
-
-
- Account #{getAddressIndex(assetIn.accountAddress).account}
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
- );
- })}
-
-
-
- {asset1.symbol || 'Unknown asset'}
- ↔ -{asset2.symbol || 'Unknown asset'}
-Block Height: {Number(swap.outputData?.height)}
-
-
- {String(error)}
;
-};
-
-export const TxDetails = () => {
- const { txInfo, hash } = useLoaderData() as TxDetailsLoaderResult;
-
- return (
-
-
-
-
-
-
- );
-};
diff --git a/apps/minifront/src/fetchers/address.ts b/apps/minifront/src/fetchers/address.ts
deleted file mode 100644
index c2dab62b..00000000
--- a/apps/minifront/src/fetchers/address.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Address } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/keys/v1/keys_pb';
-import { viewClient } from '../clients';
-import { bech32mAddress } from '@penumbra-zone/bech32m/penumbra';
-
-type Index = number;
-type Bech32Address = string;
-
-export type IndexAddrRecord = RecordTransaction View
- {hash}
-
-
-
- {option === TxDetailsTab.PRIVATE && (
- <>
-
- } />
-
-
- )}
- {option === TxDetailsTab.RECIEVER && receiverView && showReceiverTransactionView && (
- Raw JSON
-
- 
-
- 
-
-
-
-
-
-
-
- Node Status
-
-
-
-
-
- );
-};
diff --git a/apps/node-status/src/components/node-info.tsx b/apps/node-status/src/components/node-info.tsx
deleted file mode 100644
index c6b7c31c..00000000
--- a/apps/node-status/src/components/node-info.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useLoaderData } from 'react-router-dom';
-import { Card } from '@penumbra-zone/ui/components/ui/card';
-import { Identicon } from '@penumbra-zone/ui/components/ui/identicon';
-import { IndexLoaderResponse } from '../fetching/loader';
-import { uint8ArrayToString } from '@penumbra-zone/types/string';
-
-export const NodeInfo = () => {
- const {
- status: { nodeInfo },
- } = useLoaderData() as IndexLoaderResponse;
- if (!nodeInfo) return <>;
-
- return (
-
-
-
-
-
- Network
-
-
-
- Version
- {nodeInfo.version}
-
- Default Node ID
- {nodeInfo.defaultNodeId}
-
- {nodeInfo.protocolVersion && (
-
- Protocol Version
- Block: {nodeInfo.protocolVersion.block.toString()}
- P2P: {nodeInfo.protocolVersion.p2p.toString()}
- App: {nodeInfo.protocolVersion.app.toString()}
-
- )}
-
- Listen Address
- {nodeInfo.listenAddr}
-
-
- Channels
- {uint8ArrayToString(nodeInfo.channels)}
-
-
- Moniker
- {nodeInfo.moniker}
-
- {nodeInfo.other && (
-
- Transaction Index
- {nodeInfo.other.txIndex}
- RPC Address
- {nodeInfo.other.rpcAddress}
-
- )}
-
-
-
-
- Latest Block Height{' '}
- {syncInfo.latestBlockHeight.toString()}
-
-
- Caught Up{' '}
- {syncInfo.catchingUp ? (
-
-
- False
-
- ) : (
-
- True
-
- )}
-
- Latest Block Time
- {date}
- {time}
-
-
-
-
- Latest Block Hash:
- {latestBlockHash}
-
-
- Latest App Hash:
- {latestAppHash}
-
-
- Public Key
- Type: {publicKeyType}
- Value: {value}
-
- );
-};
-
-export const ValidatorInfo = () => {
- const {
- status: { validatorInfo },
- } = useLoaderData() as IndexLoaderResponse;
- if (!validatorInfo) return <>;
-
- return (
- // Outer div used to shrink to size instead of expand to sibling's size
-
-
-
-
- );
-};
diff --git a/apps/node-status/src/constants.ts b/apps/node-status/src/constants.ts
deleted file mode 100644
index 339a4ec9..00000000
--- a/apps/node-status/src/constants.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const prodBaseUrl = '/';
-export const devBaseUrl = 'https://grpc.testnet.penumbra.zone';
-
-export const prodFrontend = '/app/';
-export const devFrontend = 'https://app.testnet.penumbra.zone';
diff --git a/apps/node-status/src/fetching/loader.ts b/apps/node-status/src/fetching/loader.ts
deleted file mode 100644
index 29ad738b..00000000
--- a/apps/node-status/src/fetching/loader.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { LoaderFunction } from 'react-router-dom';
-import { GetStatusResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/util/tendermint_proxy/v1/tendermint_proxy_pb';
-import { sha256HashStr } from '@penumbra-zone/crypto-web/sha256';
-import { tendermintClient } from '../clients/grpc';
-
-export interface IndexLoaderResponse {
- status: GetStatusResponse;
- latestBlockHash: string | undefined;
- latestAppHash: string | undefined;
-}
-
-export const IndexLoader: LoaderFunction = async (): Promise
- Voting Power
- {validatorInfo.votingPower.toString()}
-
-
- Proposer Priority
- {validatorInfo.proposerPriority.toString()}
-
-
- Address
- {uint8ArrayToString(validatorInfo.address)}
-
-