fix: table with multiple badges not triggering the correct search (#767)

* fixed issue with badge search
Signed-off-by: Allison Suarez Miranda <asuarezmiranda@lyft.com>

* added text name as parameter instead
Signed-off-by: Allison Suarez Miranda <asuarezmiranda@lyft.com>

amundsen_application/static/js/components/common/BadgeList/index.tsx

@@ -58,12 +58,7 @@ const ActionableBadge: React.FC<ActionableBadgeProps> = ({
 };
 
 export class BadgeList extends React.Component<BadgeListProps> {
-  idx = 0;
-
-  handleClick = (e) => {
-    const badgeText = this.props.badges[this.idx].badge_name
-      ? this.props.badges[this.idx].badge_name
-      : this.props.badges[this.idx].tag_name;
+  handleClick = (index: number, badgeText: string, e) => {
     logClick(e, {
       target_type: 'badge',
       label: badgeText,
@@ -98,12 +93,13 @@ export class BadgeList extends React.Component<BadgeListProps> {
               <ActionableBadge
                 displayName={badgeConfig.displayName}
                 style={badgeConfig.style}
-                action={this.handleClick}
+                action={(e) =>
+                  this.handleClick(index, badgeConfig.displayName, e)
+                }
                 key={`badge-${index}`}
               />
             );
           }
-          this.idx++;
         })}
       </span>
     );