fix: onboarding and empty fee selector (#1396)

src/pages/Onboarding/Onboarding.tsx

@@ -6,7 +6,7 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import { showAccountModalAction, showSignTermsModalAction } from '@/common/actions/general.actions';
 import { StoreType } from '@/common/types/util.types';
-import { Card, CTA, CTALink, Flex, H1, H2, P, TextLink } from '@/component-library';
+import { Card, CTA, CTALink, Flex, H1, H2, P, Strong } from '@/component-library';
 import { AuthModal, SignTermsModal } from '@/components';
 import { INTERLAY_DISCORD_LINK } from '@/config/links';
 import { GOVERNANCE_TOKEN } from '@/config/relay-chains';
@@ -94,11 +94,7 @@ const Onboarding = (): JSX.Element => {
       title: 'Request Funds',
       content: (
         <>
-          If you do not have any INTR, join our Discord and request funds in the{' '}
-          <TextLink external weight='bold' color='secondary' to='#'>
-            #faucet channel
-          </TextLink>
-          .
+          If you do not have any INTR, join our Discord and request funds in the <Strong>#faucet</Strong> channel.
         </>
       ),
       ctaType: CTALink,

src/utils/hooks/use-select-currency.tsx

@@ -49,20 +49,23 @@ const useSelectCurrency = (filter?: SelectCurrencyFilter): SelectCurrencyResult
   const { data: oracleCurrencies } = useGetOracleCurrencies();
 
   const filteredCurrencies = useMemo(() => {
-    if (currencies === undefined) {
+    if (!currencies) {
       return [];
     }
+
     switch (filter) {
       case SelectCurrencyFilter.TRADEABLE_FOR_NATIVE_CURRENCY: {
-        if (pools === undefined) {
-          return [];
+        if (!pools?.length) {
+          return [GOVERNANCE_TOKEN];
         }
+
         return currencies.filter(canBeSwappedForNativeCurrency(pools));
       }
       case SelectCurrencyFilter.ISSUE_GRIEFING_COLLATERAL_CURRENCY: {
-        if (oracleCurrencies === undefined) {
-          return [];
+        if (!oracleCurrencies?.length) {
+          return [GOVERNANCE_TOKEN];
         }
+
         return currencies.filter(canBeUsedAsIssueGriefingCollateral(oracleCurrencies));
       }
       default:
@@ -85,7 +88,7 @@ const useSelectCurrency = (filter?: SelectCurrencyFilter): SelectCurrencyResult
       };
     });
 
-    if (filter !== undefined) {
+    if (!filter) {
       parsedTokenData = parsedTokenData.sort((currencyA, currencyB) =>
         currencyB.balance.sub(currencyA.balance).toNumber()
       );