#266 Allow users to view their past records

Author: kazlauskis

package-lock.json

@@ -37,10 +37,10 @@
     "@capacitor/splash-screen": "7.0.0",
     "@capacitor/status-bar": "7.0.0",
     "@flumens/bigu": "0.4.0",
-    "@flumens/ionic": "2.0.0-alpha.74",
-    "@flumens/models": "0.6.0",
-    "@flumens/tailwind": "0.27.0",
-    "@flumens/utils": "^0.1.0",
+    "@flumens/ionic": "2.0.0-alpha.75",
+    "@flumens/models": "0.7.0",
+    "@flumens/tailwind": "0.28.0",
+    "@flumens/utils": "^0.2.0",
     "@hookform/resolvers": "^4.0.0",
     "@ionic-native/core": "5.36.0",
     "@ionic/core": "^8.4.3",
@@ -79,8 +79,10 @@
     "react-router": "5.3.4",
     "react-router-dom": "5.3.4",
     "react-window": "^1.8.11",
+    "react-window-infinite-loader": "^1.0.10",
     "sql.js": "^1.12.0",
     "swiper": "^11.2.3",
+    "tailwind-merge": "^3.0.2",
     "tailwind-variants": "^0.3.1",
     "zod": "^3.24.2"
   },
@@ -109,6 +111,7 @@
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "5.3.3",
     "@types/react-window": "^1.8.8",
+    "@types/react-window-infinite-loader": "^1.0.9",
     "babel-eslint": "10.1.0",
     "babel-jest": "^29.7.0",
     "babel-plugin-module-resolver": "^5.0.2",

package.json

@@ -1,6 +1,7 @@
 import { observer } from 'mobx-react';
 import { Route, Redirect } from 'react-router-dom';
 import {
+  SamplesContext,
   TailwindBlockContext,
   TailwindContext,
   TailwindContextValue,
@@ -9,6 +10,7 @@ import {
 import { IonApp, IonRouterOutlet, isPlatform } from '@ionic/react';
 import { IonReactRouter } from '@ionic/react-router';
 import UpdatedRecordsAlert from 'common/Components/UpdatedRecordsAlert';
+import samples from 'common/models/collections/samples';
 import 'common/theme.scss';
 import 'common/translations/translator';
 import Home from './Home';
@@ -26,6 +28,8 @@ const tailwindBlockContext = {
   basePath: '',
 };
 
+const samplesContext = { samples };
+
 const HomeRedirect = () => <Redirect to="home" />;
 
 const App = () => (
@@ -34,17 +38,19 @@ const App = () => (
     <OnboardingScreens>
       <TailwindContext.Provider value={tailwindContext}>
         <TailwindBlockContext.Provider value={tailwindBlockContext}>
-          <IonReactRouter>
-            <UpdatedRecordsAlert />
-            <IonRouterOutlet id="main">
-              <Route exact path="/" component={HomeRedirect} />
-              <Route path="/home" component={Home} />
-              {User}
-              {Info}
-              {Survey}
-              {Settings}
-            </IonRouterOutlet>
-          </IonReactRouter>
+          <SamplesContext.Provider value={samplesContext}>
+            <IonReactRouter>
+              <UpdatedRecordsAlert />
+              <IonRouterOutlet id="main">
+                <Route exact path="/" component={HomeRedirect} />
+                <Route path="/home" component={Home} />
+                {User}
+                {Info}
+                {Survey}
+                {Settings}
+              </IonRouterOutlet>
+            </IonReactRouter>
+          </SamplesContext.Provider>
         </TailwindBlockContext.Provider>
       </TailwindContext.Provider>
     </OnboardingScreens>