fix(arc-saas): review design changes

review design changes

GH-63

Author: Deepika516

projects/saas-ui/src/app/main/components/onboarding-tenant-list/onboarding-tenant-list.component.html

@@ -16,6 +16,11 @@ <h2 class="heading">Onboarded Tenant List</h2>
         </div>
       </div>
 
+      <!-- loader -->
+      <!-- <div *ngIf="loading" class="loader-overlay">
+        <div class="loader"></div>
+      </div> -->
+
       <!-- ag-grid -->
       <div class="grid">
         <ag-grid-angular

projects/saas-ui/src/app/main/components/onboarding-tenant-list/onboarding-tenant-list.component.scss

@@ -14,4 +14,38 @@
 .a {
   text-decoration: none;
   color: #19a5ff;
-}
+}
+
+// for test
+.loader-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.loader {
+  border: 8px solid #f3f3f3;
+  border-top: 8px solid #3498db;
+  border-radius: 50%;
+  width: 60px;
+  height: 60px;
+  -webkit-animation: spin 2s linear infinite;
+  animation: spin 2s linear infinite;
+}
+
+@-webkit-keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}

projects/saas-ui/src/app/main/components/onboarding-tenant-list/onboarding-tenant-list.component.ts

@@ -35,6 +35,7 @@ export class OnboardingTenantListComponent extends RouteComponentBaseDirective {
     floatingFilter: true,
     resizable: true,
   };
+
   constructor(
     protected override readonly location: Location,
     private readonly router: Router,
@@ -107,6 +108,7 @@ export class OnboardingTenantListComponent extends RouteComponentBaseDirective {
         combineLatest([paginatedLeads, totalLead]).subscribe(
           ([data, count]) => {
             params.successCallback(data, count.count);
+            // for test
           },
 
           err => {
@@ -127,7 +129,8 @@ export class OnboardingTenantListComponent extends RouteComponentBaseDirective {
     return this.tenantFacade.getTenantList(filter).pipe(
       map(res => {
         return res.map(item => {
-          const addressString = `${item.address.city}, ${item.address.state}, ${item.address.zip}, ${item.address.country}`;
+          const addressString = ` ${item.address.zip}, ${item.address.country}`;
+          // ${item.address.city}, ${item.address.state},
           return {
             name: item.name,
             key: item.key,

projects/saas-ui/src/app/main/components/tenant-registration/tenant-registration.component.html

@@ -265,8 +265,6 @@ <h5>{{ plan.name }}</h5>
                 </div>
               </div>
 
-              <!-- testing plan design cancel -->
-
               <!-- signup button -->
               <div class="btn-wrapper">
                 <div class="btn regbtn">

projects/saas-ui/src/app/main/components/tenant-registration/tenant-registration.component.scss

@@ -21,7 +21,7 @@
 .info-icon {
   margin-left: 8px;
   cursor: pointer;
-  color: #007bff; /* Adjust color as needed */
+  color: #007bff; 
 }
 
 .required {
@@ -234,7 +234,7 @@ input.ng-invalid.ng-touched {
         font-size: 1.25em;
         margin: 0;
       }
-    }
+    }s
 
     .plan-card-body {
       padding: 15px;