Show details on auction list on specific cases where we might encount…

…er duplicates - 'Direct/Provider' in case of split distribution - '+x more' in case same entry is split by any chance
multiversx · May 14, 2024 · d738a23 · d738a23
1 parent 7ae1573
commit d738a23
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 5 deletions.
diff --git a/src/components/Nodes/AuctionListTable/AuctionListBaseRow.tsx b/src/components/Nodes/AuctionListTable/AuctionListBaseRow.tsx
@@ -106,12 +106,10 @@ export const AuctionListBaseRow = ({
               className='trim-wrapper trim-size-xl font-headings-regular'
             >
               <IdentityName />
+              {details && (
+                <span className='text-neutral-400 ms-1'>({details})</span>
+              )}
             </NetworkLink>
-            {details && (
-              <span className='text-neutral-400 trim-wrapper trim-size-xl'>
-                <Trim text={details} className='text-neutral-400' />
-              </span>
-            )}
           </div>
         </div>
       </td>

diff --git a/src/components/Nodes/AuctionListTable/AuctionListExpandRow.tsx b/src/components/Nodes/AuctionListTable/AuctionListExpandRow.tsx
@@ -54,6 +54,7 @@ export const AuctionListExpandRow = ({
   colSpan = 7,
   index,
   validator,
+  details,
   expandRowConfig,
   showPosition,
   className
@@ -95,6 +96,7 @@ export const AuctionListExpandRow = ({
     return (
       <AuctionListBaseRow
         validator={validator}
+        details={details}
         index={index}
         showPosition={showPosition}
         className={classNames('dh', {
@@ -151,6 +153,7 @@ export const AuctionListExpandRow = ({
   return (
     <AuctionListBaseRow
       validator={validator}
+      details={details}
       index={index}
       showPosition={showPosition}
     />

diff --git a/src/components/Nodes/AuctionListTable/AuctionListRow.tsx b/src/components/Nodes/AuctionListTable/AuctionListRow.tsx
@@ -18,6 +18,7 @@ export interface AuctionListRowUIType extends AuctionListBaseRowUIType {
 
 export const AuctionListRow = ({
   validator,
+  details,
   thresholdRowConfig,
   index,
   showPosition,
@@ -43,13 +44,15 @@ export const AuctionListRow = ({
       {hasExpand && index && expandRowConfig ? (
         <AuctionListExpandRow
           validator={validator}
+          details={details}
           expandRowConfig={expandRowConfig}
           showPosition={showPosition}
           index={index}
         />
       ) : (
         <AuctionListBaseRow
           validator={validator}
+          details={details}
           index={index}
           showPosition={showPosition}
         />

diff --git a/src/components/Nodes/AuctionListTable/AuctionListTable.tsx b/src/components/Nodes/AuctionListTable/AuctionListTable.tsx
@@ -20,6 +20,45 @@ export interface AuctionListTableUIType extends WithClassnameType {
   showPosition?: boolean;
 }
 
+const getValidatorDetails = ({
+  validator,
+  validators
+}: {
+  validator: AuctionValidatorType;
+  validators: AuctionValidatorType[];
+}) => {
+  if (!validator || !validators || validators.length === 0) {
+    return '';
+  }
+
+  const { provider, distribution } = validator;
+  if (distribution && Object.keys(distribution).length > 1) {
+    if (provider && distribution[provider]) {
+      return 'Provider';
+    }
+
+    return 'Direct';
+  }
+
+  const multipleIdentityEntries = validators.filter(
+    (filteredValidator) =>
+      validator.identity && validator.identity === filteredValidator.identity
+  ).length;
+  if (multipleIdentityEntries > 1) {
+    return `+${multipleIdentityEntries} more`;
+  }
+
+  const multipleOwnerEntries = validators.filter(
+    (filteredValidator) =>
+      validator.owner && validator.owner === filteredValidator.owner
+  ).length;
+  if (multipleOwnerEntries > 1) {
+    return `+${multipleIdentityEntries} more entries`;
+  }
+
+  return '';
+};
+
 export const AuctionListTable = ({
   auctionListValidators = [],
   showPosition = true,
@@ -178,10 +217,15 @@ export const AuctionListTable = ({
             const showThresholdRow = Boolean(
               thresholdIndex && index === thresholdIndex && hasNoFilters
             );
+            const details = getValidatorDetails({
+              validator,
+              validators: filteredValidators
+            });
 
             return (
               <AuctionListRow
                 validator={validator}
+                details={details}
                 index={index}
                 key={index}
                 expandRowConfig={expandRowConfig}