Merge pull request #163 from oasisprotocol/ml/wrap/integrate

wrap: Integrate

Author: lubej

home/package.json

@@ -21,6 +21,7 @@
     "@oasisprotocol/rose-app-discover": "workspace:*",
     "@oasisprotocol/rose-app-move": "workspace:*",
     "@oasisprotocol/rose-app-stake": "workspace:*",
+    "@oasisprotocol/rose-app-wrap": "workspace:*",
     "@oasisprotocol/rose-app-ui": "workspace:*",
     "@rainbow-me/rainbowkit": "^2.1.2",
     "@tanstack/react-query": "5.0.5",

home/public/wrap/background.webp

@@ -1,6 +1,7 @@
 import ReactDOM from 'react-dom/client'
 import { MoveApp } from '@oasisprotocol/rose-app-move'
 import { stakeRouteObject } from '@oasisprotocol/rose-app-stake'
+import { wrapRouteObject } from '@oasisprotocol/rose-app-wrap'
 import { DiscoverApp } from '@oasisprotocol/rose-app-discover'
 import { createHashRouter, RouterProvider } from 'react-router-dom'
 
@@ -18,6 +19,10 @@ const router = createHashRouter([
         path: '/',
         element: <App />,
       },
+      {
+        ...wrapRouteObject,
+        path: 'wrap',
+      },
       {
         ...stakeRouteObject,
         path: 'stake',

home/public/wrap/icon.svg

@@ -7,3 +7,4 @@ packages:
   - 'oasisscan'
   - 'ui'
   - 'discover'
+  - 'wrap'

home/src/main.tsx

@@ -57,6 +57,9 @@
     },
     "./discover": {
       "import": "./src/discover/index.ts"
+    },
+    "./wrap": {
+      "import": "./src/wrap/index.ts"
     }
   }
 }

pnpm-lock.yaml

@@ -55,6 +55,9 @@ export function SidebarCmp({ navItem }: Props) {
             <NavLink to="/move" className={({ isActive }) => (isActive ? classes.activeLink : '')}>
               Move
             </NavLink>
+            {/*<NavLink to="/wrap" className={({ isActive }) => (isActive ? classes.activeLink : '')}>
+              Wrap
+            </NavLink>*/}
           </div>
         </div>
 

pnpm-workspace.yaml

@@ -17,10 +17,13 @@
   --blue-dark-border: #1b0f33;
   --brand-blue: #0500e1;
   --brand-dark-blue: #1e1e73;
+  --brand-dark: #3333c4;
   --brand-extra-dark-21: #00006236;
   --brand-extra-dark-50: #00006280;
   --brand-extra-dark-75: #000062bf;
   --brand-extra-dark: #000062;
+  --brand-medium: #0092f6;
+  --danger: #d44c4c;
   --dark: #1b0f33;
   --gray-blue-border: #2c3bd533;
   --gray-dark-box-shadow: #222f3f3d;
@@ -30,6 +33,9 @@
   --gray-light-bg: #f4f2f7;
   --gray-light: #fafafa;
   --gray-medium-dark: #585266;
+  --gray-medium-light: #e3e8ed;
+  --gray-wrap-extra-dark: #06152b;
+  --gray-wrap-medium-dark: #565b61;
   --gray: #b0aabd;
   --green-25: #4cd4a940;
   --green: #4cd4a9;
@@ -39,6 +45,7 @@
   --red-dark: #620000;
   --red: #ff0e0e;
   --teal-300: #5eead4;
+  --warn: #664d03;
   --white: #fff;
   --zinc-300: #d4d4d8;
   --zinc-500: #71717a;

ui/package.json

@@ -1,3 +1,4 @@
 export * from './stake'
 export * from './move'
 export * from './core'
+export * from './wrap'