Merge pull request #247 from srikanth716/injiver-794-online-sharing-c…

…ar-portal

Injiver 794 online sharing ovp and custome theme

ui/.env

@@ -1,6 +1,6 @@
-DEFAULT_TITLE=Inji Verify
+DEFAULT_TITLE=Inji Verify CAR
 DEFAULT_THEME=default_theme
-DEFAULT_LANG=en
+DEFAULT_LANG=pt
 DEFAULT_FONT_URL=https://fonts.googleapis.com/css?family=Inter
 OVP_QR_HEADER=INJI_OVP://
 DEFAULT_FAVICON=favicon.ico

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/public/env.config.js

@@ -1,7 +1,7 @@
 window._env_ = {
-DEFAULT_TITLE: "Inji Verify",
-DEFAULT_THEME: "default_theme",
-DEFAULT_LANG: "en",
+DEFAULT_TITLE: "Inji Verify CAR",
+DEFAULT_THEME: "car_theme",
+DEFAULT_LANG: "pt",
 DEFAULT_FONT_URL: "https://fonts.googleapis.com/css?family=Inter",
 OVP_QR_HEADER: "INJI_OVP://",
 DEFAULT_FAVICON: "favicon.ico",

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;