Enhance PropertyChanges component to handle cases where both old and new values are absent, and improve rendering logic for displaying property changes.

src/components/Dashboard/common/PropertyChanges.jsx

@@ -8,7 +8,7 @@ import ArrowRightIcon from '../../Icons/ArrowRightIcon'
 const { Text } = Typography
 
 const PropertyChanges = ({ type, value }) => {
-  if (!value || !value.new) {
+  if (!value || (!value.new && !value.old)) {
     return <Text type='secondary'>n/a</Text>
   }
 
@@ -18,7 +18,15 @@ const PropertyChanges = ({ type, value }) => {
       if (Object.prototype.hasOwnProperty.call(obj, key)) {
         const val = obj[key]
         const newKey = prefix ? `${prefix}.${key}` : key
-        if (val && typeof val === 'object' && !Array.isArray(val)) {
+
+        // Don't flatten keys that are "state" or "netGross"
+        if (
+          val &&
+          typeof val === 'object' &&
+          !Array.isArray(val) &&
+          key !== 'state' &&
+          key !== 'netGross'
+        ) {
           flattenObject(val, newKey, res)
         } else {
           res[newKey] = val
@@ -34,7 +42,6 @@ const PropertyChanges = ({ type, value }) => {
     ...flatOld,
     ...flatNew
   }
-  console.log('combined', combinedChanges)
   return (
     <Descriptions size='small' column={1}>
       {Object.keys(combinedChanges).map((key) => {
@@ -46,19 +53,25 @@ const PropertyChanges = ({ type, value }) => {
         return (
           <Descriptions.Item key={key} label={changeProperty.label}>
             <Space>
-              <ObjectProperty
+              {value?.old ? (
-                {...changeProperty}
+                <ObjectProperty
-                longId={false}
+                  {...changeProperty}
-                objectData={value?.old}
+                  longId={false}
-              />
+                  objectData={value?.old}
-              <Text type='secondary'>
+                />
-                <ArrowRightIcon />
+              ) : null}
-              </Text>
+              {value?.old && value?.new ? (
-              <ObjectProperty
+                <Text type='secondary'>
-                {...changeProperty}
+                  <ArrowRightIcon />
-                longId={false}
+                </Text>
-                objectData={value?.new}
+              ) : null}
-              />
+              {value?.new ? (
+                <ObjectProperty
+                  {...changeProperty}
+                  longId={false}
+                  objectData={value?.new}
+                />
+              ) : null}
             </Space>
           </Descriptions.Item>
         )