diff --git a/package.json b/package.json index b5796feb38..b60d08ef3e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "interbtc-ui", - "version": "2.30.1", + "version": "2.30.2", "private": true, "dependencies": { "@craco/craco": "^6.1.1", diff --git a/src/component-library/TokenInput/TokenInput.tsx b/src/component-library/TokenInput/TokenInput.tsx index f697a34a6e..ef8c54bb08 100644 --- a/src/component-library/TokenInput/TokenInput.tsx +++ b/src/component-library/TokenInput/TokenInput.tsx @@ -37,7 +37,7 @@ const TokenInput = forwardRef( balanceLabel, isDisabled, label, - ticker, + ticker: tickerProp, style, hidden, className, @@ -53,7 +53,9 @@ const TokenInput = forwardRef( ): JSX.Element => { const inputRef = useDOMRef(ref); - const [selectValue, setSelectValue] = useState((selectProps?.defaultValue as string) || ''); + const [ticker, setTicker] = useState( + (selectProps?.defaultValue as string) || (typeof tickerProp === 'string' ? tickerProp : tickerProp?.text) || '' + ); const { labelProps, fieldProps } = useLabel({ label, ...props }); @@ -62,7 +64,7 @@ const TokenInput = forwardRef( useEffect(() => { if (selectProps?.value === undefined) return; - setSelectValue(selectProps.value as string); + setTicker(selectProps.value as string); }, [selectProps?.value]); const handleClickBalance = () => { @@ -74,7 +76,7 @@ const TokenInput = forwardRef( const handleTokenChange = (ticker: Key) => { onChangeTicker?.(ticker as string); - setSelectValue(ticker as string); + setTicker(ticker as string); }; // Prioritise Number Input description and error message @@ -85,7 +87,7 @@ const TokenInput = forwardRef( const endAdornment = selectProps ? ( (