diff --git a/src/app/components/add-jobs/add-jobs.component.html b/src/app/components/add-jobs/add-jobs.component.html
index b0222aa..574d288 100644
--- a/src/app/components/add-jobs/add-jobs.component.html
+++ b/src/app/components/add-jobs/add-jobs.component.html
@@ -1,3 +1,23 @@
-<p>
-  add-jobs works!
-</p>
+Add job
+<!--<ion-list class="pop_list">-->
+<!--    <ion-list-header>-->
+<!--        <ion-label>Credit {{currency_code}} Wallet</ion-label>-->
+<!--    </ion-list-header>-->
+<!--    <ion-item>-->
+<!--        <ion-label>Amount: </ion-label>-->
+<!--        <div>{{startCreditResult.amount*0.01| number : '1.2-2' }}</div>-->
+<!--    </ion-item>-->
+<!--    <ion-item>-->
+<!--        <ion-label>Fee: </ion-label>-->
+<!--        <div>{{startCreditResult.fee*.01 | number : '1.2-2'}}</div>-->
+<!--    </ion-item>-->
+<!--    <ion-item>-->
+<!--        <ion-label>Total: </ion-label>-->
+<!--        <div>{{startCreditResult.total*.01| number : '1.2-2' }}</div>-->
+<!--    </ion-item>-->
+<!--    <ion-item *ngIf="startCreditResult.card_uid !='' ">-->
+<!--        <ion-label>Payment: </ion-label>-->
+<!--        <div>{{selPaymentCard.description}} **** **** {{selPaymentCard.digits}}</div>-->
+<!--    </ion-item>-->
+
+<!--</ion-list>-->
diff --git a/src/app/pages/jobactive/jobactive.page.ts b/src/app/pages/jobactive/jobactive.page.ts
index d8326b3..73a3fd9 100644
--- a/src/app/pages/jobactive/jobactive.page.ts
+++ b/src/app/pages/jobactive/jobactive.page.ts
@@ -108,6 +108,7 @@ export class JobactivePage implements OnInit {
           this.msgReqResult = reqResult;
           console.log("msgReqResult  RETURN->", this.msgReqResult);
           this.interest_msg_status =  this.msgReqResult?.status;
+          this.yourmessage = '';
           //this.activeJobMsgList();
           const event = new Event("app-taskactivities-refresh");
           // Dispatch the event.
diff --git a/src/app/pages/joblist/joblist.module.ts b/src/app/pages/joblist/joblist.module.ts
index 29cfb42..ee9ec13 100644
--- a/src/app/pages/joblist/joblist.module.ts
+++ b/src/app/pages/joblist/joblist.module.ts
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { JoblistPageRoutingModule } from './joblist-routing.module';
 
 import { JoblistPage } from './joblist.page';
+import {AddJobsComponent} from "../../components/add-jobs/add-jobs.component";
 
 @NgModule({
   imports: [
@@ -15,6 +16,6 @@ import { JoblistPage } from './joblist.page';
     IonicModule,
     JoblistPageRoutingModule
   ],
-  declarations: [JoblistPage]
+  declarations: [JoblistPage,AddJobsComponent]
 })
 export class JoblistPageModule {}
diff --git a/src/app/pages/joblist/joblist.page.html b/src/app/pages/joblist/joblist.page.html
index 45bdade..237b269 100644
--- a/src/app/pages/joblist/joblist.page.html
+++ b/src/app/pages/joblist/joblist.page.html
@@ -92,10 +92,28 @@
 
 </ion-content>
 
-<!--<ion-footer>-->
-<!--  <ion-toolbar>-->
-<!--    <div class="button" (click)="onBack()">-->
-<!--      <ion-label class="text">Return</ion-label>-->
-<!--    </div>-->
-<!--  </ion-toolbar>-->
-<!--</ion-footer>-->
+<div *ngIf="isModalOpenBackdrop==true">
+  <ion-backdrop [visible]="isModalOpenBackdrop"></ion-backdrop>
+  <ion-modal class="common_modal" [isOpen]="isModalOpen"><ng-template>
+    <ion-header>
+      <ion-toolbar>
+        <ion-title>Add Job</ion-title>
+        <ion-buttons slot="end">
+          <ion-button (click)="setCloseModal()">Close</ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      <app-add-jobs></app-add-jobs>
+    </ion-content>
+    <ion-footer>
+      <ion-toolbar>
+        <ion-button  [disabled]="isProcessDisabled"       (click)="processPayment(processor)">Create Job </ion-button>
+      </ion-toolbar>
+    </ion-footer>
+  </ng-template>
+
+
+
+  </ion-modal>
+</div>
diff --git a/src/app/pages/joblist/joblist.page.ts b/src/app/pages/joblist/joblist.page.ts
index 21b444e..b83cf9b 100644
--- a/src/app/pages/joblist/joblist.page.ts
+++ b/src/app/pages/joblist/joblist.page.ts
@@ -14,6 +14,8 @@ export class JoblistPage implements OnInit {
   tabs = 'about';
   session_image_server:string='';
   curr_session:string="";
+  isModalOpen:boolean = false;
+  isModalOpenBackdrop:boolean = false;
   constructor(
       private navctr: NavController,
       private router: Router,
@@ -75,8 +77,14 @@ export class JoblistPage implements OnInit {
     );
 
   }
-
+  setCloseModal(){
+    this.isModalOpen = false;
+    setTimeout(()=>{
+      this.isModalOpenBackdrop= false;
+    },1000);
+  }
   addNewJob(){
-
+    this.isModalOpen = true;
+    this.isModalOpenBackdrop= true;
   }
 }