+
+
+ )
+ }
+)
+
+AmountInput.displayName = 'AmountInput'
+
+export default AmountInput
+
diff --git a/src/problem2/src/components/CurrencySwapForm.tsx b/src/problem2/src/components/CurrencySwapForm.tsx
new file mode 100644
index 000000000..df35446bc
--- /dev/null
+++ b/src/problem2/src/components/CurrencySwapForm.tsx
@@ -0,0 +1,207 @@
+import { useState, useCallback, useMemo } from 'react'
+import TokenSelector from './TokenSelector'
+import AmountInput from './AmountInput'
+import SwapButton from './SwapButton'
+import ErrorMessage from './ErrorMessage'
+import { ArrowUpDown } from 'lucide-react'
+import { CurrencySwapFormProps, FormErrors } from '../models/component'
+
+const CurrencySwapForm = ({ prices, pricesLoading }: CurrencySwapFormProps) => {
+ const [fromToken, setFromToken] = useState
+ {symbol.charAt(0).toUpperCase()}
+
+ )
+ }
+
+ return (
+
+
+
+ {isOpen && (
+
+ )
+}
+
+export default TokenSelector
diff --git a/src/problem2/src/hooks/useTokenPrices.ts b/src/problem2/src/hooks/useTokenPrices.ts
new file mode 100644
index 000000000..aab34ed2b
--- /dev/null
+++ b/src/problem2/src/hooks/useTokenPrices.ts
@@ -0,0 +1,74 @@
+import { useState, useEffect, useMemo } from 'react'
+import { PriceData, TokenPrices, Token, UseTokenPricesReturn } from '../models/token'
+
+const PRICES_API_URL = import.meta.env.VITE_TOKEN_PRICES_API_URL;
+
+export const useTokenPrices = (): UseTokenPricesReturn => {
+ const [prices, setPrices] = useState
+ {tokens.length === 0 ? (
+
+ )}
+ No tokens available
+ ) : (
+ tokens.map((token) => (
+
+ ))
+ )}
+ {rows}
;
+};
diff --git a/src/problem3/problem3-update.tsx b/src/problem3/problem3-update.tsx
new file mode 100644
index 000000000..efdbd0018
--- /dev/null
+++ b/src/problem3/problem3-update.tsx
@@ -0,0 +1,118 @@
+interface WalletBalance {
+ currency: string;
+ amount: number;
+ blockchain: BlockchainName;
+}
+
+// extends WalletBalance to reuse the properties
+interface FormattedWalletBalance extends WalletBalance {
+ formatted: string;
+}
+
+// create a new enum for blockchain names
+enum BlockchainEnum {
+ Osmosis = 100,
+ Ethereum = 50,
+ Arbitrum = 30,
+ Zilliqa = 20,
+ Neo = 20,
+ Default = -99,
+}
+
+const BLOCK_CHAINS = {
+ OSMOSIS: "Osmosis",
+ ETHEREUM: "Ethereum",
+ ARBITRUM: "Arbitrum",
+ ZILLIQA: "Zilliqa",
+ NEO: "Neo",
+} as const;
+
+// create a type for the blockchain names
+type BlockchainName = (typeof BLOCK_CHAINS)[keyof typeof BLOCK_CHAINS];
+
+// Create a mapping from BlockchainEnum to BLOCK_CHAINS. We can use this to get the priority of a blockchain
+const BlockchainMapping: Record
+ {...rows} {/* Spread or map based on the business */}
+ {children} {/* add children since it's missing */}
+
+ );
+};
\ No newline at end of file
diff --git a/src/problem4/.keep b/src/problem4/.keep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/problem5/.keep b/src/problem5/.keep
deleted file mode 100644
index e69de29bb..000000000