refer link sent to emasil

src/app/pages/invite/invite.page.html

@@ -79,25 +79,27 @@
       <div class="ion-padding" slot="content" style="padding: 5px">
         <div style="margin-top: 10px; background-color: whitesmoke; min-height: 100px; border-radius: 10px;">
           <ion-grid>
+            <ion-row>
+              <ion-col style="text-align: left; color: #0b5e86; font-size: 12px;">
+                Send your link to your email and share it with your friend; any signup will automatically link to your account for points.
+              </ion-col>
+            </ion-row>
             <ion-row style="padding: 0px; margin: 0px;">
               <ion-col style="padding: 0px; margin: 0px;">
                <ion-textarea [readonly]="true" style="background-color: #eff2f4;
                border-radius: 5px;
-               padding: 120px 1px 10px 1px;
+               padding: 10px 1px 10px 1px;
                height: 60px;
+               font-size: 14px;
+               font-weight: bolder;
                border-color: #3dc2ff;">
                     {{refer_link}}
                </ion-textarea>
               </ion-col>
             </ion-row>
-<!--            <ion-row>-->
-<!--              <ion-col style="text-align: right;">-->
-<!--                  <ion-button [disabled]="false" shape="round" size="small" color="secondary" (click)="sendToMyEmail()"> Send link to my email</ion-button>-->
-<!--              </ion-col>-->
-<!--            </ion-row>-->
+
           </ion-grid>
-
-
+          <div style="color: #4a0b4c; font-size: 12px;">{{resultText}}</div>
         </div>
         <div style="text-align: right">
           <ion-button [disabled]="false" shape="round" size="small" color="secondary" (click)="sendToMyEmail()"> Send link to my email</ion-button>

src/app/pages/invite/invite.page.ts

@@ -145,19 +145,30 @@ export class InvitePage implements OnInit {
   }
 
   refLinkResult:any;
+  resultText:string='';
   referUsrData: {
     action:22010, member_id: number, uid: string, sessionid: string
   };
-  sendToMyEmail(){
+  async sendToMyEmail(){
+    const loading = await this.loadingCtrl.create({
+      message: 'Sending ... ',
+      duration: 3500,
+    });
     this.referUsrData = {action:22010,
       member_id: this.sessionDataProviderService.member_id,
       uid: this.sessionDataProviderService.member_uid,
       sessionid: this.sessionDataProviderService.session ,
       }
-
+    loading.present();
     this.wrenchService.sendReferLink(this.referUsrData).subscribe(
         refLinkResult => {
+          loading.dismiss();
           this.refLinkResult = refLinkResult;
+          this.resultText = "Referer link sent to email";
+          setTimeout(()=>{
+            this.resultText='';
+          }, 3000);
+
           console.log("REFER RETURN DATA->", this.refLinkResult);
         }
     );