From 0a055bd87bcffd2106ede975080bdd070ddf9ba4 Mon Sep 17 00:00:00 2001
From: aeddaqqa <achrafeddaqqaq@gmail.com>
Date: Mon, 19 Aug 2024 13:27:45 +0100
Subject: [PATCH] feat(wallet): update Terms & Conditions for Camino Wallet

---
 src/layout/RoutesSuite.tsx |  2 ++
 src/views/legal/Legal.tsx  | 31 +++++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 src/views/legal/Legal.tsx

diff --git a/src/layout/RoutesSuite.tsx b/src/layout/RoutesSuite.tsx
index 575e5086..514f4f33 100644
--- a/src/layout/RoutesSuite.tsx
+++ b/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" />} />
diff --git a/src/views/legal/Legal.tsx b/src/views/legal/Legal.tsx
new file mode 100644
index 00000000..ecc5a633
--- /dev/null
+++ b/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>
+    )
+}