[COJ]/Mahdiyeh/338/fix: no assigned currency (deriv-com#13271)

* fix: no assigned currency

* fix: uppercase

---------

Co-authored-by: Mahdiyeh Amirkhani <mahdiyehamirkhani@Mahdiyeh-Amirkhanis-Mac-J79XQHKXVJ-Standard.local>

Author: mahdiyeh-deriv

packages/appstore/src/components/containers/currency-switcher-container.tsx

@@ -10,7 +10,7 @@ import './currency-switcher-container.scss';
 interface CurrentSwitcherContainerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     actions?: React.ReactNode;
     has_interaction?: boolean;
-    icon: Currency | 'Options';
+    icon: Currency | 'Options' | 'Unknown';
     title?: React.ReactNode;
     show_dropdown?: boolean;
 }

packages/appstore/src/components/currency-switcher-card/real/real-account-card.tsx

@@ -27,12 +27,18 @@ const RealAccountCard = observer(() => {
         .some(account => account.landing_company_short === 'maltainvest');
 
     const uppercase_currency = currency?.toUpperCase();
-    const get_currency = IsIconCurrency(uppercase_currency) ? uppercase_currency : 'USD';
+    const get_currency = IsIconCurrency(uppercase_currency) ? uppercase_currency : 'Unknown';
 
     return (
         <CurrencySwitcherContainer
             className='demo-account-card'
-            title={<BalanceText currency={get_currency} balance={Number(balance)} size='xs' />}
+            title={
+                currency ? (
+                    <BalanceText currency={get_currency} balance={Number(balance)} size='xs' />
+                ) : (
+                    'No currency assigned'
+                )
+            }
             icon={get_currency}
             onClick={() => {
                 if (!is_eu_user && !has_mf_mt5_account) {
@@ -41,16 +47,21 @@ const RealAccountCard = observer(() => {
                 return openModal('currency_selection');
             }}
             actions={
-                <Button
-                    onClick={(e: MouseEvent) => {
-                        e.stopPropagation();
-                        history.push(`${routes.cashier_deposit}#deposit`);
-                    }}
-                    secondary
-                    className='currency-switcher__button'
-                >
-                    <Localize key={`currency-switcher__button-text-${current_language}`} i18n_default_text='Deposit' />
-                </Button>
+                currency && (
+                    <Button
+                        onClick={(e: MouseEvent) => {
+                            e.stopPropagation();
+                            history.push(`${routes.cashier_deposit}#deposit`);
+                        }}
+                        secondary
+                        className='currency-switcher__button'
+                    >
+                        <Localize
+                            key={`currency-switcher__button-text-${current_language}`}
+                            i18n_default_text='Deposit'
+                        />
+                    </Button>
+                )
             }
             has_interaction
         >

packages/core/src/App/Containers/CurrencySelectionModal/curreny-selection-modal.tsx

@@ -71,7 +71,11 @@ const CurrencySelectionModal = observer(({ is_visible }: CurrencySelectionModalP
                                     closeModal();
                                 }}
                             >
-                                <CurrencyIcon className='currency-item-card__icons' icon={icon} size={32} />
+                                <CurrencyIcon
+                                    className='currency-item-card__icons'
+                                    icon={currency ? icon : 'UNKNOWN'}
+                                    size={32}
+                                />
                                 <div className='currency-item-card__details'>
                                     <Text size='xs'>{getCurrencyName(currency)}</Text>
                                     <Text color={is_selected ? 'prominent' : 'less-prominent'} size='xxs'>

packages/core/src/App/Containers/RealAccountSignup/set-currency.jsx

@@ -12,16 +12,15 @@ import { observer, useStore } from '@deriv/stores';
 
 const SetCurrency = observer(({ setLoading, onSuccessSetAccountCurrency, onError, is_loading, ...props }) => {
     const { client } = useStore();
-    const { available_crypto_currencies, has_fiat, landing_company_shortcode } = client;
+    const { available_crypto_currencies, has_fiat, landing_company_shortcode, setAccountCurrency } = client;
     const form_error = React.useState('');
     const form_value = React.useState({ currency: '' });
 
     const setCurrency = (obj, setSubmitting) => {
         setLoading(true);
         const { currency } = obj;
         if (currency) {
-            props
-                .setCurrency(currency)
+            setAccountCurrency(currency)
                 .then(response => {
                     setSubmitting(false);
                     onSuccessSetAccountCurrency('', response.echo_req.set_account_currency);