Injiver 794 online ovp sharing

ui/package.json

@@ -22,6 +22,7 @@
     "i18next": "^23.11.2",
     "patch-package": "^8.0.0",
     "pdfjs-dist": "^4.5.136",
+    "qrcode.react": "^4.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.0",
@@ -35,6 +36,7 @@
     "redux-saga": "^1.3.0",
     "redux-saga-test-plan": "^4.0.6",
     "typescript": "^4.9.5",
+    "uuid": "^11.0.3",
     "web-did-resolver": "^2.0.27",
     "web-vitals": "^2.1.4"
   },

ui/src/App.tsx

@@ -14,6 +14,7 @@ import store, { RootState } from "./redux/store";
 import { isRTL } from "./utils/i18n";
 import { VerificationMethod } from "./types/data-types";
 import { goToHomeScreen } from "./redux/features/verification/verification.slice";
+import { Verify } from "./pages/Verify";
 
 function switchToVerificationMethod(method: VerificationMethod) {
   store.dispatch(goToHomeScreen({ method }));
@@ -31,6 +32,11 @@ const router = createBrowserRouter([
     element: <Scan />,
     loader: () => switchToVerificationMethod("SCAN"),
   },
+  {
+    path: Pages.VerifyCredentials,
+    element: <Verify />,
+    loader: () => switchToVerificationMethod("VERIFY"),
+  },
   {
     path: Pages.Redirect,
     element: <OvpRedirect />,
@@ -55,13 +61,13 @@ function App() {
         document.body.classList.toggle('rtl', rtl);
     }, [rtl]);
 
-    return (
-        <div className="font-base">
-            <RouterProvider router={router}/>
-            <AlertMessage isRtl={rtl} />
-            <PreloadImages imageUrls={preloadImages}/>
-        </div>
-    );
+  return (
+    <div className="font-base">
+      <RouterProvider router={router} />
+      <AlertMessage isRtl={rtl}  />
+      <PreloadImages imageUrls={preloadImages} />
+    </div>
+  );
 }
 
 export default App;