fix: migrate navigation

Author: Argeare5

pages/v3-migration.page.tsx

@@ -140,10 +140,10 @@ export default function V3Migration() {
           <Divider sx={{ my: 10 }} />
 
           <MigrationBottomPanel
-            hfV2Current={user.healthFactor} // TODO: need value
-            hfV2AfterChange={v2UserSummaryAfterMigration.healthFactor} // TODO: need value
-            hfV3Current={v3UserSummaryBeforeMigration.healthFactor} // TODO: need value
-            hfV3AfterChange={v3UserSummaryAfterMigration.healthFactor} // TODO: need value
+            hfV2Current={user.healthFactor}
+            hfV2AfterChange={v2UserSummaryAfterMigration.healthFactor}
+            hfV3Current={v3UserSummaryBeforeMigration.healthFactor}
+            hfV3AfterChange={v3UserSummaryAfterMigration.healthFactor}
             disableButton={
               !Object.keys(selectedSupplyAssets).length && !Object.keys(selectedBorrowAssets).length
             }

src/locales/en/messages.po

@@ -1099,7 +1099,7 @@ msgstr "Migrate"
 msgid "Migrate from {0} V2 to {1} V3"
 msgstr "Migrate from {0} V2 to {1} V3"
 
-#: src/ui-config/menu-items/index.tsx
+#: src/modules/dashboard/DashboardTopPanel.tsx
 msgid "Migrate to V3"
 msgstr "Migrate to V3"
 

src/modules/dashboard/DashboardTopPanel.tsx

@@ -21,10 +21,13 @@ import WalletIcon from '../../../public/icons/markets/wallet-icon.svg';
 import HALLink from '../../components/HALLink';
 import { HealthFactorNumber } from '../../components/HealthFactorNumber';
 import { FormattedNumber } from '../../components/primitives/FormattedNumber';
+import { Link, ROUTES } from '../../components/primitives/Link';
 import { NoData } from '../../components/primitives/NoData';
 import { TopInfoPanel } from '../../components/TopInfoPanel/TopInfoPanel';
 import { TopInfoPanelItem } from '../../components/TopInfoPanel/TopInfoPanelItem';
 import { useAppDataContext } from '../../hooks/app-data-provider/useAppDataProvider';
+import { useRootStore } from '../../store/root';
+import { selectIsMigrationAvailable } from '../../store/v3MigrationSelectors';
 import { LiquidationRiskParametresInfoModal } from './LiquidationRiskParametresModal/LiquidationRiskParametresModal';
 
 export const DashboardTopPanel = () => {
@@ -34,6 +37,8 @@ export const DashboardTopPanel = () => {
   const [open, setOpen] = useState(false);
   const { openClaimRewards } = useModalContext();
 
+  const isMigrateToV3Available = useRootStore((state) => selectIsMigrationAvailable(state));
+
   const theme = useTheme();
   const downToSM = useMediaQuery(theme.breakpoints.down('sm'));
 
@@ -205,6 +210,16 @@ export const DashboardTopPanel = () => {
             </Box>
           </TopInfoPanelItem>
         )}
+
+        {isMigrateToV3Available && (
+          <Box sx={{ alignSelf: 'center' }}>
+            <Link href={ROUTES.migrationTool}>
+              <Button variant="gradient">
+                <Trans>Migrate to V3</Trans>
+              </Button>
+            </Link>
+          </Box>
+        )}
       </TopInfoPanel>
 
       <LiquidationRiskParametresInfoModal

src/ui-config/menu-items/index.tsx

@@ -45,11 +45,6 @@ export const navigation: Navigation[] = [
       process.env.NEXT_PUBLIC_ENV === 'prod' &&
       !ENABLE_TESTNET,
   },
-  {
-    link: ROUTES.migrationTool,
-    title: t`Migrate to V3`,
-    isVisible: () => true, // TODO: maybe need fix
-  },
   {
     link: ROUTES.faucet,
     title: t`Faucet`,