Merge pull request #230 from chain4travel/suite

feat(wallet): update Terms & Conditions for Camino Wallet

src/layout/RoutesSuite.tsx

@@ -11,6 +11,7 @@ import MountAccessComponent from '../views/access/MountAccessComponent'
 import Create from '../views/create/Create'
 import ExplorerApp from '../views/explorer/ExplorerApp'
 import LandingPage from '../views/landing/LandingPage'
+import Legal from '../views/legal/Legal'
 import LoginPage from '../views/login/LoginPage'
 import Partners from '../views/partners'
 import CreatedOffers from '../views/partners/CreatedOffers'
@@ -113,6 +114,7 @@ export default function RoutesSuite() {
                 </Route>
                 <Route path="/login" element={<LoginPage />} />
                 <Route path="/create" element={<Create />} />
+                <Route path="/legal" element={<Legal />} />
                 <Route path="/access" element={<AccessLayout />}>
                     <Route path="keystore" element={<MountAccessComponent type="Keystore" />} />
                     <Route path="mnemonic" element={<MountAccessComponent type="Mnemonic" />} />

src/views/legal/Legal.tsx

@@ -0,0 +1,31 @@
+import React, { useEffect, useRef } from 'react'
+import { mountLegal } from 'wallet/mountLegal'
+
+const LoadLegal = () => {
+    const ref = useRef(null)
+    useEffect(() => {
+        mountLegal(ref.current)
+    }, [])
+
+    return (
+        <div
+            style={{
+                display: 'flex',
+                width: '100%',
+                height: '100%',
+                justifyContent: 'center',
+                alignItems: 'center',
+            }}
+        >
+            <div ref={ref} />
+        </div>
+    )
+}
+
+export default function Legal() {
+    return (
+        <React.Suspense fallback={<div>Loading...</div>}>
+            <LoadLegal />
+        </React.Suspense>
+    )
+}