Merge pull request #330 from e-picsa/feat/farmer-nav-buttons

Feat/farmer nav buttons

apps/picsa-apps/extension-app-native/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "io.picsa.extension"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 3046000
-        versionName "3.46.0"
+        versionCode 3046001
+        versionName "3.46.1"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

apps/picsa-tools/farmer-content/src/app/pages/module-home/components/footer/module-footer.component.html

@@ -3,14 +3,26 @@
   {{ 'Home' | translate }}
 </button>
 <div class="footer-nav-buttons">
-  <button mat-button color="white" (click)="previous()" [disabled]="selectedIndex() === 0">
-    {{ 'Previous' | translate }}
+  <button
+    mat-icon-button
+    color="white"
+    [attr.aria-labe]="'previous' | translate"
+    (click)="previous()"
+    [disabled]="selectedIndex() === 0"
+  >
+    <mat-icon>arrow_back</mat-icon>
   </button>
   <!-- Tab counter - could consider labels/icons although not as much space on mobile -->
   <span class="footer-tab-counter">{{ selectedIndex() + 1 }} / {{ totalSections() }}</span>
 
-  <button mat-button color="white" (click)="next()" [disabled]="selectedIndex() === totalSections() - 1">
-    {{ 'Next' | translate }}
+  <button
+    mat-icon-button
+    color="white"
+    [attr.aria-label]="'next' | translate"
+    (click)="next()"
+    [disabled]="selectedIndex() === totalSections() - 1"
+  >
+    <mat-icon>arrow_forward</mat-icon>
   </button>
 </div>
 

apps/picsa-tools/farmer-content/src/app/pages/module-home/module-home.component.scss

@@ -1,11 +1,8 @@
 :host {
-  --footer-height: 36px;
+  --footer-height: 48px;
   // Adjust farmer tabs to compensate for header and increased footer size
   @screen sm {
-    --footer-height: 48px;
-  }
-  @screen md {
-    --footer-height: 60px;
+    --footer-height: 64px;
   }
 }
 .content-container {

libs/environments/src/version.ts

@@ -4,5 +4,5 @@ import packageJson from '../../../package.json';
 
 export const APP_VERSION = {
   number: packageJson.version,
-  date: '2024-10-01',
+  date: '2024-10-04',
 };

libs/shared/src/services/core/db_v2/db-sync.service.ts

@@ -32,9 +32,7 @@ export class PicsaDatabaseSyncService {
   /** Track local document deletions in separate collection to sync to server */
   private syncDeleteCollection: RxCollection<ISyncDeleteEntry>;
 
-  constructor(private supabaseService: SupabaseService) {
-    this.subscribeToNetworkChanges();
-  }
+  constructor(private supabaseService: SupabaseService) {}
 
   /**
    * Register database for sync service to interact with
@@ -44,6 +42,8 @@ export class PicsaDatabaseSyncService {
     this.db = db;
     const { sync_delete } = await this.db.addCollections({ sync_delete: SYNC_DELETE_COLLECTION });
     this.syncDeleteCollection = sync_delete;
+    // once db is registered subscribe to network changes to manage syncing
+    this.subscribeToNetworkChanges();
   }
 
   /** Register a given collection to have records pushed to supabase db */

package.json

@@ -1,6 +1,6 @@
 {
   "name": "picsa-apps",
-  "version": "3.46.0",
+  "version": "3.46.1",
   "license": "See LICENSE",
   "scripts": {
     "ng": "nx",