WIP front end linking up with backend not working on file upload right now

Author: SoLetsDev

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/FileUploader.vue

@@ -15,7 +15,7 @@
         </div>
       </Callout>
       <v-btn
-        v-if="showAddFileButton && selectedFiles.length < maxNumberOfFiles"
+        v-if="showAddFileButton && selectedFiles.length < maxNumberOfFiles && !filesInProgress"
         prepend-icon="mdi-plus"
         variant="text"
         color="primary"

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/InternationalCertificationCard.vue

@@ -4,25 +4,19 @@
       <v-card-title>
         <v-row>
           <v-col>
-            <p class="font-weight-bold">{{ internationalCertification.regulatoryAuthorityName }}</p>
+            <p class="font-weight-bold">{{ internationalCertification.nameOfRegulatoryAuthority }}</p>
           </v-col>
           <v-spacer></v-spacer>
           <v-col>
-            <p>{{ `${internationalCertification.certificationStatus}` }}</p>
+            <p>{{ `${internationalCertification.certificateStatus}` }}</p>
           </v-col>
         </v-row>
       </v-card-title>
     </template>
     <template #append>
       <v-tooltip text="Edit professional development" location="top">
         <template #activator="{ props }">
-          <v-btn
-            v-bind="props"
-            icon="mdi-pencil"
-            variant="plain"
-            @click="editInternationalCertification"
-            :loading="loadingStore.isLoading('draftapplication_put')"
-          />
+          <v-btn v-bind="props" icon="mdi-pencil" variant="plain" @click="editInternationalCertification" :loading="loadingStore.isLoading('icra_put')" />
         </template>
       </v-tooltip>
       <v-tooltip text="Delete professional development" location="top">
@@ -32,7 +26,7 @@
             icon="mdi-trash-can-outline"
             variant="plain"
             @click="deleteInternationalCertification"
-            :loading="loadingStore.isLoading('draftapplication_put')"
+            :loading="loadingStore.isLoading('icra_put')"
           />
         </template>
       </v-tooltip>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/WizardHeader.vue

@@ -21,7 +21,14 @@
             </a>
           </div>
           <div :class="[{ ['text-right mb-2']: mobile }]">
-            <v-btn id="btnSaveAndExit" variant="outlined" :loading="loadingStore.isLoading('draftapplication_put')" @click="saveAndExit">Save and exit</v-btn>
+            <v-btn
+              id="btnSaveAndExit"
+              variant="outlined"
+              :loading="loadingStore.isLoading(isIcraEligibility ? 'icra_put' : 'draftapplication_put')"
+              @click="saveAndExit"
+            >
+              Save and exit
+            </v-btn>
           </div>
         </v-col>
       </v-row>