Tom/feature/wallet buttons (#1346)

* refactor: add tab props

* feature: add bridge button to assets table

* refactor: don't show buy button for wrapped token

src/pages/Transfer/TransferForms/TransferForms.tsx

@@ -1,30 +1,35 @@
 import { Flex, Tabs, TabsItem } from '@/component-library';
 import MainContainer from '@/parts/MainContainer';
+import { useTabPageLocation } from '@/utils/hooks/use-tab-page-location';
 
 import { CrossChainTransferForm, TransferForm } from './components';
 import { StyledCard, StyledFormWrapper, StyledWrapper } from './TransferForms.styles';
 
-const TransferForms = (): JSX.Element => (
-  <MainContainer>
-    <StyledWrapper>
-      <StyledCard gap='spacing2'>
-        <Flex direction='column' gap='spacing8'>
-          <Tabs size='large' fullWidth>
-            <TabsItem title='Transfer' key='transfer'>
-              <StyledFormWrapper>
-                <TransferForm />
-              </StyledFormWrapper>
-            </TabsItem>
-            <TabsItem title='Cross Chain Transfer' key='crossChainTransfer'>
-              <StyledFormWrapper>
-                <CrossChainTransferForm />
-              </StyledFormWrapper>
-            </TabsItem>
-          </Tabs>
-        </Flex>
-      </StyledCard>
-    </StyledWrapper>
-  </MainContainer>
-);
+const TransferForms = (): JSX.Element => {
+  const { tabsProps } = useTabPageLocation();
+
+  return (
+    <MainContainer>
+      <StyledWrapper>
+        <StyledCard gap='spacing2'>
+          <Flex direction='column' gap='spacing8'>
+            <Tabs {...tabsProps} size='large' fullWidth>
+              <TabsItem title='Transfer' key='transfer'>
+                <StyledFormWrapper>
+                  <TransferForm />
+                </StyledFormWrapper>
+              </TabsItem>
+              <TabsItem title='Cross Chain Transfer' key='crossChainTransfer'>
+                <StyledFormWrapper>
+                  <CrossChainTransferForm />
+                </StyledFormWrapper>
+              </TabsItem>
+            </Tabs>
+          </Flex>
+        </StyledCard>
+      </StyledWrapper>
+    </MainContainer>
+  );
+};
 
 export default TransferForms;

src/pages/Wallet/WalletOverview/components/AvailableAssetsTable/ActionsCell.tsx

@@ -76,10 +76,6 @@ const ActionsCell = ({
             {t('redeem')}
           </CTALink>
         )}
-        {/* TODO: add when xcm re-vamp is added */}
-        {/* <CTALink {...commonCTAProps} to={PAGES.TRANSFER}>
-          {t('transfer')}
-        </CTALink> */}
         {isPooledAsset && (
           <CTALink
             {...commonCTAProps}
@@ -106,6 +102,19 @@ const ActionsCell = ({
             )}
           </>
         )}
+        {!isWrappedToken && (
+          <CTALink
+            {...commonCTAProps}
+            to={{
+              pathname: PAGES.TRANSFER,
+              search: queryString.stringify({
+                [QUERY_PARAMETERS.TAB]: 'crossChainTransfer'
+              })
+            }}
+          >
+            Bridge
+          </CTALink>
+        )}
       </Flex>
     </Flex>
   );