fix: add leverage tab in beta mode

Author: DanielSchiavini

apps/main/src/lend/components/PageLoanManage/LoanBorrowMore/index.tsx

@@ -41,6 +41,8 @@ import { SizesAndSpaces } from '@ui-kit/themes/design/1_sizes_spaces'
 
 const { Spacing } = SizesAndSpaces
 
+export type LoanBorrowMoreProps = PageContentProps & { isLeverage?: boolean }
+
 const LoanBorrowMore = ({
   rChainId,
   rOwmId,
@@ -49,9 +51,7 @@ const LoanBorrowMore = ({
   market,
   userActiveKey,
   isLeverage = false,
-}: PageContentProps & {
-  isLeverage?: boolean
-}) => {
+}: LoanBorrowMoreProps) => {
   const isSubscribed = useRef(false)
   const activeKey = useStore((state) => state.loanBorrowMore.activeKey)
   const activeKeyMax = useStore((state) => state.loanBorrowMore.activeKeyMax)
@@ -442,7 +442,7 @@ export default LoanBorrowMore
 /**
  * The new implementation of LoanBorrowMore with mui isn't ready yet. For now, we wrap the old one for styling.
  */
-export const LoanBorrowMoreWrapped = (props: PageContentProps) => (
+export const LoanBorrowMoreWrapped = (props: LoanBorrowMoreProps) => (
   <Stack sx={{ backgroundColor: (t) => t.design.Layer[1].Fill }}>
     <AppFormContentWrapper>
       <LoanBorrowMore {...props} />

apps/main/src/lend/components/PageLoanManage/ManageLoanTabs.tsx

@@ -74,6 +74,12 @@ const LendManageNewMenu = [
       { value: 'remove', label: t`Remove`, component: LoanRemoveCollateralTab },
     ],
   },
+  {
+    value: 'leverage',
+    label: t`Leverage`,
+    visible: ({ market }) => market?.leverage?.hasLeverage(),
+    component: (props) => <LoanBorrowMoreWrapped {...props} isLeverage />,
+  },
 ] satisfies FormTab<ManageLoanProps>[]
 
 const LendManageSoftLiquidationMenu = [

packages/curve-ui-kit/src/shared/ui/FormTabs/FormTabs.tsx

@@ -97,7 +97,7 @@ export function FormTabs<T extends object>({ shouldWrap, ...options }: UseFormTa
     >
       <TabsSwitcher variant="contained" size="medium" value={tab.value} options={tabs} onChange={onChangeTab} />
 
-      {subTab && (
+      {subTab && subTabs.length > 1 && (
         <TabsSwitcher
           variant="underlined"
           size="small"