Bean UI - Migration Preview Page

projects/ui/src/components/App/index.tsx

@@ -62,6 +62,7 @@ import VotingPowerPage from '~/pages/governance/votingPower';
 import MorningUpdater from '~/state/beanstalk/sun/morning';
 import MorningFieldUpdater from '~/state/beanstalk/field/morning';
 import BeanstalkCaseUpdater from '~/state/beanstalk/case/updater';
+import MigrationPreview from '../../pages/preview';
 // import Snowflakes from './theme/winter/Snowflakes';
 
 BigNumber.set({ EXPONENTIAL_AT: [-12, 20] });
@@ -203,6 +204,8 @@ export default function App() {
             <Route path="governance/vp/:id" element={<VotingPowerPage />} />
             <Route path="/silo" element={<SiloPage />} />
             <Route path="/silo/:address" element={<SiloTokenPage />} />
+            <Route path="/preview" element={<MigrationPreview />} />
+            <Route path="/preview/:address" element={<MigrationPreview />} />
             <Route path="/swap" element={<SwapPage />} />
             <Route path="/404" element={<PageNotFound />} />
             <Route path="*" element={<PageNotFound />} />

projects/ui/src/components/Nav/routes.ts

@@ -11,6 +11,7 @@ import disclosuresIcon from '~/img/beanstalk/interface/nav/disclosures.svg';
 import analyticsIcon from '~/img/beanstalk/interface/nav/stats.svg';
 import basinIcon from '~/img/beanstalk/interface/nav/basin.svg';
 import pipelineIcon from '~/img/beanstalk/interface/nav/pipeline.svg';
+import migrationIcon from '~/img/beanstalk/interface/nav/migration.svg';
 
 export type RouteData = {
   /** Nav item title */
@@ -83,6 +84,12 @@ const ROUTES: { [key in RouteKeys]: RouteData[] } = {
       icon: governanceIcon,
       small: true,
     },
+    {
+      path: '/preview',
+      title: 'Migration Preview',
+      icon: migrationIcon,
+      small: true,
+    },
     {
       path: 'docs',
       href: 'https://docs.bean.money/almanac',