fix: use getters and fix lint errors

biome.json

@@ -18,7 +18,8 @@
     }
   },
   "linter": {
-    "enabled": false,
+    "enabled": true,
+    "ignore": ["theme.config.jsx"],
     "rules": {
       "recommended": true,
       "style": {

components/Balances.tsx

@@ -2,11 +2,10 @@ import { useBalances } from '@/components/hooks';
 import type { ValueView } from '@penumbra-zone/protobuf/penumbra/core/asset/v1/asset_pb';
 import { ValueViewComponent } from '@penumbra-zone/ui/ValueViewComponent';
 import type React from 'react';
-
 export function Balances() {
   const { data: balances } = useBalances();
 
-  return balances
+  return balances?.every((b) => b.balanceView !== undefined)
     ? balances.map(({ balanceView }) => (
         <BalanceRow key={balanceView!.toJsonString()} balance={balanceView!} />
       ))

components/Deposit.tsx

@@ -10,14 +10,14 @@ import { ValueViewComponent } from '@penumbra-zone/ui/ValueViewComponent';
 import { useQuery } from '@tanstack/react-query';
 import { capitalize } from 'es-toolkit';
 import { ChevronRightIcon } from 'lucide-react';
-import React, { useState } from 'react';
+import type React from 'react';
+import { useState } from 'react';
 import {
   useConnect,
   useCurrentChainStatus,
   useEphemeralAddress,
   useNotes,
   useSetScanSinceBlock,
-  useSwaps,
   useWalletManifests,
 } from './hooks';
 
@@ -37,7 +37,6 @@ const Deposit: React.FC = () => {
     ) ?? [];
 
   const { scanSinceBlockHeight } = useQuestStore();
-  showOld;
   const { data: notesWithMetadata } = useQuery({
     queryKey: [
       'notesWithMetadata',
@@ -49,7 +48,6 @@ const Deposit: React.FC = () => {
     staleTime: 0,
     initialData: [],
     queryFn: async () => {
-      ('refetch');
       const deposits = await Promise.all(
         depositNotes.map(async (note) => {
           const metadata = await client.service(ViewService).assetMetadataById({
@@ -95,6 +93,7 @@ const Deposit: React.FC = () => {
         wallets &&
         !connected &&
         Object.entries(wallets).map(([origin, manifest]) => (
+          // biome-ignore lint: no need for a type here
           <button
             key={origin}
             onClick={() => onConnect(origin)}
@@ -193,7 +192,7 @@ const Deposit: React.FC = () => {
           id="default-checkbox"
           checked={showOld}
           type={'checkbox'}
-          onChange={(e) => setShowOld((old) => !old)}
+          onChange={() => setShowOld((old) => !old)}
           className="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
         />
         <label

components/Staking.tsx

@@ -1,11 +1,19 @@
 import { bech32mIdentityKey } from '@penumbra-zone/bech32m/penumbravalid';
+import {
+  getMetadataFromBalancesResponse,
+  getValueViewCaseFromBalancesResponse,
+} from '@penumbra-zone/getters/balances-response';
+import {
+  getAmount,
+  getExtendedMetadata,
+  getSymbolFromValueView,
+} from '@penumbra-zone/getters/value-view';
 import {
   ValueView,
   ValueView_KnownAssetId,
 } from '@penumbra-zone/protobuf/penumbra/core/asset/v1/asset_pb';
 import { ValidatorInfo } from '@penumbra-zone/protobuf/penumbra/core/component/stake/v1/stake_pb';
 import { ValueViewComponent } from '@penumbra-zone/ui/ValueViewComponent';
-import { ValueComponent } from '@penumbra-zone/ui/components/value/value';
 
 import type React from 'react';
 import { useBalances, useDelegations } from './hooks';
@@ -15,40 +23,29 @@ const Staking: React.FC = () => {
   const validators =
     delegations
       ?.filter(
-        (delegation) =>
-          delegation?.valueView?.valueView?.value?.amount?.toJsonString() !==
-          '{}',
+        (delegation) => getAmount(delegation.valueView).toJsonString() !== '{}',
       )
       .map((delegation) => {
-        const valueView = delegation.valueView?.valueView
-          ?.value as ValueView_KnownAssetId;
-        return ValidatorInfo.fromBinary(
-          valueView.extendedMetadata?.value as Uint8Array,
-        );
+        const extendedMetadata = getExtendedMetadata(delegation.valueView);
+        return ValidatorInfo.fromBinary(extendedMetadata.value as Uint8Array);
       }) ?? [];
   const { data: balances } = useBalances();
   const delegationTokens =
     balances
       ?.filter(
         (balance) =>
-          balance?.balanceView?.valueView.case === 'knownAssetId' &&
-          balance?.balanceView?.valueView?.value?.metadata?.base.includes(
-            'udelegation',
-          ),
+          getValueViewCaseFromBalancesResponse(balance) === 'knownAssetId' &&
+          getMetadataFromBalancesResponse(balance).base.includes('udelegation'),
       )
       .map((balance) => {
         const bal = balance;
+        const symbol = getSymbolFromValueView(bal.balanceView);
 
         (bal.balanceView?.valueView?.value as ValueView_KnownAssetId)!
-          .metadata!.symbol = truncateMiddle(
-          (bal.balanceView?.valueView?.value as ValueView_KnownAssetId)!
-            .metadata!.symbol,
-          30,
-        );
+          .metadata!.symbol = truncateMiddle(symbol, 30);
         return bal;
       }) ?? [];
 
-  delegationTokens.length, balances?.length, balances;
   return (
     <div className="py-3 flex flex-col gap-8">
       <div className="space-y-6">

components/Swap.tsx

@@ -203,7 +203,7 @@ function AssetSwapWithFeeMetadataComponent(props: {
   txv: TransactionView;
   action: ActionView;
 }) {
-  /*The link that's displayed when claimTx is defined doesn't work outside minifront*/
+  // biome-ignore lint: The link that's displayed when claimTx is defined doesn't work outside minifront
   delete (
     (props.action.actionView.value as SwapView).swapView
       .value as SwapView_Visible

components/WalletInstall.tsx

@@ -71,6 +71,7 @@ const WalletInstall: React.FC = () => {
             wallets &&
             !connected &&
             Object.entries(wallets).map(([origin, manifest]) => (
+              // biome-ignore lint: we don't want or need a type here
               <button
                 key={origin}
                 onClick={() => onConnect(origin)}

components/hooks.ts

@@ -241,7 +241,6 @@ export function useSwaps(blockRange: BlockRange) {
             action.action?.case === 'swapClaim',
         ),
       );
-      swaps;
       return swaps;
     },
   });

package.json

@@ -20,6 +20,7 @@
     "@penumbra-labs/registry": "^11.3.1",
     "@penumbra-zone/bech32m": "^8.0.0",
     "@penumbra-zone/client": "^18.1.0",
+    "@penumbra-zone/getters": "^19.0.0",
     "@penumbra-zone/protobuf": "^6.1.0",
     "@penumbra-zone/transport-dom": "^7.5.0",
     "@penumbra-zone/ui": "^10.0.2",