updateAll

src/app/modals/preview-camera/preview-camera.page.html

@@ -27,22 +27,30 @@
 
 <ion-footer color="light">
   <ion-row>
-    <ion-col size="4" class="ion-text-center">
+    <ion-col size="3" class="ion-text-center">
       <ion-button (click)="close()" fill="clear" color="light">
         <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
         <ion-icon  src="assets/icon/chat/circle-xmark-solid 1.svg" ></ion-icon>  
       </ion-button>
     </ion-col>
-    <ion-col size="4" class="ion-text-center">
+    <ion-col size="3" class="ion-text-center">
         <ion-button (click)="deleteImage()" fill="clear" color="light">
           <ion-icon  src="assets/icon/chat/Ellipse 8.svg" ></ion-icon>  
           <!-- <ion-icon class="redla" name="flower-outline"></ion-icon> -->
       </ion-button>
     </ion-col> 
-    <ion-col size="4" class="ion-text-center">
+    <ion-col size="3" class="ion-text-center">
       <ion-button (click)="getIconGallery()" fill="clear" color="light">
        
-        <ion-icon src="assets/icon/chat/Ellipselast.svg" (click)="openChatVideo()"></ion-icon>
+        <ion-icon src="assets/icon/chat/Ellipselast.svg" ></ion-icon>
+     
+      
+      </ion-button>
+    </ion-col>
+    <ion-col size="3" class="ion-text-center">
+      <ion-button (click)="getIconShare()" fill="clear" color="light">
+       
+        <ion-icon src="assets/icon/chat/Ellipse 9.svg" ></ion-icon>
      
       
       </ion-button>

src/app/modals/preview-camera/preview-camera.page.ts

@@ -3,6 +3,7 @@ import { IonSlides, ModalController, NavParams } from '@ionic/angular';
 import { ImageCroppedEvent } from 'ngx-image-cropper';
 import { PublicationsService } from 'src/app/services/publications.service';
 import { GroupIconsPage } from '../group-icons/group-icons.page';
+import { Share } from '@capacitor/share';
 
 @Component({
   selector: 'app-preview-camera',
@@ -102,5 +103,18 @@ async getIconGallery(){
     }
 
 }
+async getIconShare(){
+  await Share.share({
+    title: 'See cool stuff',
+    text: 'Really awesome thing you need to see right meow',
+    url: this.image,
+    dialogTitle: 'Share with buddies',
+  });
+  
+}
+
+
+
+
 
 }

src/app/pages/chat/messages/messages.page.ts

@@ -24,6 +24,8 @@ import { Filesystem, Directory, Encoding } from '@capacitor/filesystem';
 import { VoiceRecorder, VoiceRecorderPlugin, RecordingData, GenericResponse, CurrentRecordingStatus } from 'capacitor-voice-recorder';
 import { Haptics, ImpactStyle } from '@capacitor/haptics';
 import { PreviewCameraPage } from 'src/app/modals/preview-camera/preview-camera.page';
+import { SocialSharing } from '@ionic-native/social-sharing/ngx';
+import { Share } from '@capacitor/share';
 
 const IMAGE_DIR = 'stored-images';
 
@@ -88,7 +90,8 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
     private gestureController: GestureController,
     private processes: ProcessesService,
     public ThemeService: ThemeService,
-    private changeDetectorRef: ChangeDetectorRef
+    private changeDetectorRef: ChangeDetectorRef,
+    private socialSharing: SocialSharing
   ) {
     this.loggedUser = authService.ValidatedUserChat['data'];
     this.roomId = this.navParams.get('roomId');
@@ -652,8 +655,6 @@ touchStart(card) {
     modal.present();
   }
 
-  
-
 
   imageSize(img){
     var canvas = document.createElement('canvas');
@@ -673,6 +674,16 @@ getPicture(img){
   document.body.appendChild(canvas);
 
   }
+
+  async ShareEmail(msg){
+    // Check if sharing via email is supported
+    await Share.share({
+      title:  msg.u.username,
+      text:  msg._updatedAt,
+      url: msg.attachments[0].image_url,
+      dialogTitle: 'Share with buddies',
+    });
+  }
 }
 
 

src/app/pages/publications/new-publication/new-publication.page.ts

@@ -20,7 +20,7 @@ import { Camera, CameraResultType, CameraSource, Photo } from '@capacitor/camera
 
 import { Filesystem, Directory } from '@capacitor/filesystem';
 import { NgxImageCompressService } from "ngx-image-compress";
-
+import { SocialSharing } from '@ionic-native/social-sharing/ngx';
 const IMAGE_DIR = 'stored-images';
 
 interface LocalFile {
@@ -87,7 +87,8 @@ export class NewPublicationPage implements OnInit {
     public ThemeService: ThemeService,
     private platform: Platform,
     private loadingCtrl: LoadingController,
-    public imageCompress: NgxImageCompressService
+    public imageCompress: NgxImageCompressService,
+    private socialSharing: SocialSharing
   ) {
 
     this.publicationType = this.navParams.get('publicationType');
@@ -122,6 +123,8 @@ export class NewPublicationPage implements OnInit {
       this.saveImage(image)
     }
 
+    
+
   }