add refresh button to refetch photos from GoPro

numbersprotocol · Dec 27, 2021 · 31e451f · 31e451f
1 parent fb497cd
commit 31e451f
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 7 deletions.
diff --git a/ios/App/App.xcodeproj/project.pbxproj b/ios/App/App.xcodeproj/project.pbxproj
@@ -358,7 +358,7 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 1;
+				CURRENT_PROJECT_VERSION = 2;
 				DEVELOPMENT_TEAM = G7NB5YCKAP;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
@@ -383,7 +383,7 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 1;
+				CURRENT_PROJECT_VERSION = 2;
 				DEVELOPMENT_TEAM = G7NB5YCKAP;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 11.0;

diff --git a/...es/settings/go-pro/go-pro-media-list-on-camera/go-pro-media-list-on-camera.component.html b/...es/settings/go-pro/go-pro-media-list-on-camera/go-pro-media-list-on-camera.component.html
@@ -3,6 +3,10 @@
     <mat-icon>arrow_back</mat-icon>
   </button>
   <span>GoPro Media on Camera</span>
+
+  <button (click)="fetchFilesFromGoProWiFi()" mat-icon-button>
+    <mat-icon>refresh</mat-icon>
+  </button>
 </mat-toolbar>
 
 <ion-content>
@@ -24,7 +28,7 @@ <h4 *ngIf="fetchingFilesError">
     {{ fetchingFilesError }}
   </h4>
 
-  <h4 *ngIf="fetchingFiles">Fetching files</h4>
+  <h4 *ngIf="fetchingFiles">Fetching files...</h4>
 
   <div class="go-pro-container">
     <mat-grid-list cols="3" gutterSize="8px">

diff --git a/...ures/settings/go-pro/go-pro-media-list-on-camera/go-pro-media-list-on-camera.component.ts b/...ures/settings/go-pro/go-pro-media-list-on-camera/go-pro-media-list-on-camera.component.ts
@@ -29,9 +29,10 @@ export class GoProMediaListOnCameraComponent implements OnInit {
     public toastController: ToastController
   ) {}
 
-  async ngOnInit() {
+  ngOnInit() {
     this.checkWiFiConnection();
   }
+
   async checkWiFiConnection() {
     this.connectedWifiSSID = await this.goProWifiService.getConnectedWifiSSID();
     this.isConnectedToGoProWifi =
@@ -41,9 +42,18 @@ export class GoProMediaListOnCameraComponent implements OnInit {
       this.fetchFilesFromGoProWiFi();
     }
   }
+
   async fetchFilesFromGoProWiFi() {
-    const result = await this.goProMediaService.getFilesFromGoPro();
-    this.allMediaFiles = result;
+    try {
+      this.fetchingFilesError = undefined;
+      this.fetchingFiles = true;
+      this.allMediaFiles = await this.goProMediaService.getFilesFromGoPro();
+      this.fetchingFiles = false;
+    } catch (error: any) {
+      this.fetchingFilesError = error.toString();
+      this.allMediaFiles = [];
+      this.fetchingFiles = false;
+    }
   }
 
   async connectToGoProWifi() {

diff --git a/src/app/features/settings/go-pro/services/go-pro-media.service.ts b/src/app/features/settings/go-pro/services/go-pro-media.service.ts
@@ -250,7 +250,7 @@ export class GoProMediaService {
 
       const data = response.data;
 
-      const files = data.media[0].fs as any[];
+      const files = (data.media[0].fs as any[]).reverse();
 
       const fileNames: string[] = files.map(e => e.n);