Fix UI bug

src/components/stepper/StepCompanyPreview.vue

@@ -3,13 +3,13 @@
 
     <HfPopUp id="credit-request-confirmation-popup" Header="Credit Request Confirmation">
       <div>
-        <p style="color: #ff5400de">
+        <p style="color: #8B0000">
           By proceeding, your request to activate ID Services will be formally submitted for administrative review. Our compliance team will assess the details you have provided, including company or community information and associated social profiles.
         </p>
-        <p style="color: #ff5400de">
+        <p style="color: #8B0000">
           Following approval, the system will automatically provision your ID Services and allocate the corresponding credits. You will be able to monitor the status of this process on the subsequent screens. Please note that the end-to-end activation may require up to 24 hours for completion.
 </p>
-<p style="color: #ff5400de">
+<p style="color: #8B0000">
           An email notification will be sent once your request has been approved. You may also log in to the platform at any time to review the progress of your submission.
         </p>
         <div class="text-center mt-3">

src/views/playground/WidgetConfig/Index.vue

@@ -446,7 +446,7 @@ export default {
       this.widgetConfigTemp = JSON.parse(JSON.stringify(this.widgetConfig))
     }
 
-    this.trustedIssuersList = this.getMarketPlaceApps;
+    this.trustedIssuersList = [...this.getMarketPlaceApps];
     this.appId = this.$route.params.appId;
     //eslint-disable-next-line
     if (this.appId) {
@@ -462,6 +462,11 @@ export default {
         if (!this.getMarketPlaceApps.find(x => x.appId == this.app.appId)) {
           this.trustedIssuersList.push({ ...this.app })
         }
+         this.trustedIssuersList.sort((a, b) => {
+          if (a.appId === this.appId) return -1;
+          if (b.appId === this.appId) return 1;
+          return 0;
+        });
       } else {
         console.error("No app found");
       }

src/views/sa/components/ApproveCustomerOnboarding.vue

@@ -198,7 +198,6 @@ export default {
 
     ...mapActions("mainStore", ["approveOnboardingRequest"]),
     async submitOnboarding() {
-      try{
 
         if (!this.recordId) {
         this.setError("Please provide a Record ID.");
@@ -207,13 +206,21 @@ export default {
 
         this.loading = true;
         this.message = '';
-        await this.approveOnboardingRequest({ recordId: this.recordId, ssiCreditDetail: this.form.ssiCreditDetail, kycCreditDetail: this.form.kycCreditDetail })
         this.isError = false;
+      try{
+        await this.approveOnboardingRequest({
+          recordId: this.recordId,
+          ssiCreditDetail: this.form.ssiCreditDetail,
+          kycCreditDetail: this.form.kycCreditDetail
+        });
+
         this.message = "Customer onboarded successfully!";
+      } catch (e) {
+        this.setError(e.message);
+      } finally {
+        this.loading = false; 
+  }
 
-      }catch(e) {
-        this.setError(e.message)
-      }
     },
     setError(msg) {
       this.isError = true;