psp-8708 fix tenant primary contacts. (bcgov#4176)

Co-authored-by: Alejandro Sanchez <[email protected]>

source/backend/api/Areas/Contacts/Models/Search/ContactSummaryModel.cs

@@ -16,14 +16,14 @@ public class ContactSummaryModel
         /// </summary>
         public long? PersonId { get; set; }
 
-        public PersonModel Person { get; set; }
+        public Pims.Api.Models.Concepts.Person.PersonModel Person { get; set; }
 
         /// <summary>
         /// get/set - The primary key to identify the organization.
         /// </summary>
         public long? OrganizationId { get; set; }
 
-        public OrganizationModel Organization { get; set; }
+        public Pims.Api.Models.Concepts.Organization.OrganizationModel Organization { get; set; }
 
         /// <summary>
         /// get/set - The concurrency row version.

source/frontend/src/components/contact/ContactManagerView/ContactResultComponent/__snapshots__/ContactResultComponent.test.tsx.snap

@@ -550,7 +550,7 @@ exports[`Contact Search Results Table > matches snapshot 1`] = `
           <div
             class="sortable-column"
           >
-            Update/View
+            Edit/View
           </div>
         </div>
       </div>

source/frontend/src/components/contact/ContactManagerView/ContactResultComponent/columns.tsx

@@ -121,7 +121,7 @@ const columns: ColumnWithProps<IContactSearchResult>[] = [
     maxWidth: 50,
   },
   {
-    Header: 'Update/View',
+    Header: 'Edit/View',
     accessor: 'controls' as any, // this column is not part of the data model
     width: 50,
     maxWidth: 50,

source/frontend/src/components/contact/ContactManagerView/__snapshots__/ContactManagerView.test.tsx.snap

@@ -974,7 +974,7 @@ exports[`ContactManagerView > matches snapshot 1`] = `
               <div
                 class="sortable-column"
               >
-                Update/View
+                Edit/View
               </div>
             </div>
           </div>

source/frontend/src/features/contacts/list/__snapshots__/ContactListView.test.tsx.snap

@@ -1050,7 +1050,7 @@ exports[`Contact List View > matches snapshot 1`] = `
                   <div
                     class="sortable-column"
                   >
-                    Update/View
+                    Edit/View
                   </div>
                 </div>
               </div>

source/frontend/src/features/leases/detail/LeasePages/tenant/AddLeaseTenantForm.tsx

@@ -82,7 +82,7 @@ export const AddLeaseTenantForm: React.FunctionComponent<
           Note: If the tenants you are trying to find were never added to the &quot;contact
           list&quot; it will not show up. Please add them to the contact list{' '}
           {<Link to="/contact/list">here</Link>}, then you will be able to see them on the &quot;Add
-          &quot;Add a Tenant&quot; list.
+          a Tenant&quot; list.
         </span>
 
         <Formik

source/frontend/src/features/leases/detail/LeasePages/tenant/__snapshots__/AddLeaseTenantForm.test.tsx.snap

@@ -274,7 +274,7 @@ exports[`AddLeaseTenantForm component > renders as expected 1`] = `
           >
             here
           </a>
-          , then you will be able to see them on the "Add "Add a Tenant" list.
+          , then you will be able to see them on the "Add a Tenant" list.
         </span>
         <div
           class="c6"
@@ -301,13 +301,13 @@ exports[`AddLeaseTenantForm component > renders as expected 1`] = `
                   <div
                     class="tr"
                     role="row"
-                    style="display: flex; flex: 1 0 auto; min-width: 410px;"
+                    style="display: flex; flex: 1 0 auto; min-width: 416px;"
                   >
                     <div
                       class="th"
                       colspan="1"
                       role="columnheader"
-                      style="box-sizing: border-box; flex: 10 0 auto; min-width: 10px; width: 10px; justify-content: right; text-align: right; flex-wrap: wrap; align-items: center; display: flex;"
+                      style="box-sizing: border-box; flex: 16 0 auto; min-width: 16px; width: 16px; justify-content: right; text-align: right; flex-wrap: wrap; align-items: center; display: flex;"
                     >
                       <div
                         class="sortable-column"

source/frontend/src/features/leases/detail/LeasePages/tenant/columns.tsx

@@ -1,9 +1,9 @@
 import { FaRegBuilding, FaRegUser } from 'react-icons/fa';
+import { FaCircle } from 'react-icons/fa';
 import { Link } from 'react-router-dom';
 import { CellProps } from 'react-table';
+import styled from 'styled-components';
 
-import Active from '@/assets/images/active.svg?react';
-import Inactive from '@/assets/images/inactive.svg?react';
 import { Select, SelectOption } from '@/components/common/form';
 import { ColumnWithProps } from '@/components/Table';
 import { getPrimaryContact } from '@/features/contacts/contactUtils';
@@ -18,11 +18,23 @@ const getColumns = (tenantTypes: SelectOption[]): ColumnWithProps<FormTenant>[]
       Header: '',
       accessor: 'isDisabled',
       align: 'right',
-      width: 10,
-      maxWidth: 10,
-      minWidth: 10,
-      Cell: (props: CellProps<FormTenant>) =>
-        props.row.original.isDisabled ? <Inactive /> : <Active />,
+      width: 16,
+      maxWidth: 16,
+      minWidth: 16,
+      Cell: (props: CellProps<FormTenant>) => {
+        const original = props.row.original;
+        const status =
+          original.original !== undefined
+            ? original.original.id.startsWith('O') === true
+              ? original.original.organization.isDisabled
+              : original.isDisabled
+            : original.isDisabled;
+        return (
+          <StatusIndicators className={status ? 'inactive' : 'active'}>
+            <FaCircle size={10} className="mr-2" />
+          </StatusIndicators>
+        );
+      },
     },
     {
       Header: '',
@@ -58,7 +70,10 @@ const getColumns = (tenantTypes: SelectOption[]): ColumnWithProps<FormTenant>[]
       width: 120,
       Cell: (props: CellProps<FormTenant>) => {
         const original = props.row.original;
-        const persons = original?.organizationPersons?.map(op => op.person);
+        const persons =
+          original.original !== undefined && isValidId(props?.row?.original?.organizationId)
+            ? original?.original.organization.organizationPersons?.map(op => op.person)
+            : original?.organizationPersons?.map(op => op.person);
         let primaryContact = original.initialPrimaryContact;
         if (original.primaryContactId !== original.initialPrimaryContact?.id) {
           primaryContact = original.primaryContactId
@@ -129,4 +144,12 @@ const getColumns = (tenantTypes: SelectOption[]): ColumnWithProps<FormTenant>[]
     },
   ];
 };
+
+export const StatusIndicators = styled.div`
+  color: ${props => props.theme.css.borderOutlineColor};
+  &.active {
+    color: ${props => props.theme.bcTokens.iconsColorSuccess};
+  }
+`;
+
 export default getColumns;