Merge pull request #9 from shiva-beehyv/add-data-test-ids-and-respons…

…iveness Update the upload qr flow according to the new design
mosip · Apr 8, 2024 · cb6db24 · cb6db24
2 parents 09396e7 + eb60b9b
commit cb6db24
Show file tree

Hide file tree

Showing 32 changed files with 712 additions and 150 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,7 +1,9 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+/.idea
+
 # dependencies
-./inji-verify/node_modules
+/inji-verify/node_modules
 /.pnp
 .pnp.js
 

diff --git a/inji-verify/package-lock.json b/inji-verify/package-lock.json
diff --git a/inji-verify/package.json b/inji-verify/package.json
@@ -5,6 +5,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@mui/icons-material": "^5.15.15",
     "@mui/material": "^5.15.14",
     "@mui/styled-engine": "^5.15.14",
     "@openhealthnz-credentials/pdf-image-qr-scanner": "^1.0.2",
@@ -20,6 +21,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-qr-scanner": "^1.0.0-alpha.11",
+    "react-router-dom": "^6.22.3",
     "react-scripts": "5.0.1",
     "typescript": "^4.9.5",
     "verification-sdk": "^0.2.12",

diff --git a/inji-verify/public/index.html b/inji-verify/public/index.html
@@ -26,7 +26,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Inji Verify</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/inji-verify/src/App.tsx b/inji-verify/src/App.tsx
@@ -2,11 +2,24 @@ import React from 'react';
 import logo from './assets/logo.svg';
 import './App.css';
 import Home from "./pages/Home";
+import Offline from "./pages/Offline";
+import {RouterProvider, createBrowserRouter} from "react-router-dom";
+
+const router = createBrowserRouter([
+    {
+        path: '/',
+        element: <Home/>
+    },
+    {
+        path: '/offline',
+        element: <Offline/>
+    }
+])
 
 function App() {
-  return (
-    <Home/>
-  );
+    return (
+        <RouterProvider router={router}/>
+    );
 }
 
 export default App;
diff --git a/inji-verify/src/assets/inji-logo.png b/inji-verify/src/assets/inji-logo.png
diff --git a/inji-verify/src/assets/inji-logo.svg b/inji-verify/src/assets/inji-logo.svg
diff --git a/inji-verify/src/assets/qr.svg b/inji-verify/src/assets/qr.svg