chore: refactor photo-input to standalone component

e-picsa · Jun 27, 2024 · 7912936 · 7912936
1 parent e2f5d5f
commit 7912936
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 7 deletions.
diff --git a/apps/picsa-tools/farmer-activity/src/app/components/components.module.ts b/apps/picsa-tools/farmer-activity/src/app/components/components.module.ts
@@ -9,22 +9,29 @@ import { PicsaTranslateModule } from '@picsa/shared/modules';
 
 // Local components
 import { FarmerActivityMaterialModule } from './material.module';
-import { PhotoInputComponent } from './photo-input/photo-input.component';
+import { PicsaPhotoInputComponent } from './photo-input/photo-input.component';
 
-const Components = [PhotoInputComponent];
+const Components = [];
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     PicsaCommonComponentsModule,
+    PicsaPhotoInputComponent,
     PicsaTranslateModule,
     PicsaVideoPlayerModule,
     ReactiveFormsModule,
     RouterModule,
     FarmerActivityMaterialModule,
   ],
-  exports: [...Components, PicsaCommonComponentsModule, FarmerActivityMaterialModule, PicsaVideoPlayerModule],
+  exports: [
+    FarmerActivityMaterialModule,
+    PicsaCommonComponentsModule,
+    PicsaPhotoInputComponent,
+    PicsaVideoPlayerModule,
+    ...Components,
+  ],
   declarations: [Components],
   providers: [],
 })

diff --git a/apps/picsa-tools/farmer-activity/src/app/components/photo-input/photo-input.component.ts b/apps/picsa-tools/farmer-activity/src/app/components/photo-input/photo-input.component.ts
@@ -1,19 +1,25 @@
+import { CommonModule } from '@angular/common';
 import { Component, ElementRef, ViewChild } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';
 import { Capacitor } from '@capacitor/core';
+import { PicsaTranslateModule } from '@picsa/shared/modules';
 
-import { PhotoService } from '../../services/photo-input.service';
+import { PhotoService } from './photo-input.service';
 
 interface Photo {
   webPath?: string;
 }
 
 @Component({
-  selector: 'farmer-activity-photo-input',
+  selector: 'picsa-photo-input',
   templateUrl: './photo-input.component.html',
   styleUrls: ['./photo-input.component.scss'],
+  standalone: true,
+  imports: [CommonModule, MatButtonModule, MatIconModule, PicsaTranslateModule],
 })
-export class PhotoInputComponent {
+export class PicsaPhotoInputComponent {
   @ViewChild('fileInput') fileInput: ElementRef;
   photos: Photo[] = [];
 

diff --git a/...y/src/app/services/photo-input.service.ts → ...onents/photo-input/photo-input.service.ts b/...y/src/app/services/photo-input.service.ts → ...onents/photo-input/photo-input.service.ts
diff --git a/...icsa-tools/farmer-activity/src/app/pages/activity-details/activity-details.component.html b/...icsa-tools/farmer-activity/src/app/pages/activity-details/activity-details.component.html
@@ -35,7 +35,7 @@ <h2 *ngIf="videoUri">{{ videoResource.title | translate }}</h2>
         {{ 'Activity' | translate }}
       </ng-template>
       <div class="tab-content">
-        <farmer-activity-photo-input />
+        <picsa-photo-input />
       </div>
     </mat-tab>