refactor: select contribution on whole card (#686)

onlydustxyz · Nov 21, 2024 · 01bf85b · 01bf85b
1 parent 3e12780
commit 01bf85b
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/...d/panels/_flows/reward-flow/_panels/_components/user-contributions/user-contributions.tsx b/...d/panels/_flows/reward-flow/_panels/_components/user-contributions/user-contributions.tsx
@@ -170,6 +170,11 @@ export function UserContributions({ githubUserId, containerHeight = undefined }:
       <div className={"grid gap-lg"}>
         {otherWorks.map(contribution => {
           const isSelected = !!selectedContributions.find(c => c.isEqualTo(contribution.toItemDto())) || false;
+
+          function selectContribution() {
+            handleSelect(contribution.toItemDto(), isSelected);
+          }
+
           return (
             <CardContributionKanban
               key={contribution.id}
@@ -180,18 +185,22 @@ export function UserContributions({ githubUserId, containerHeight = undefined }:
               actions={[
                 {
                   translate: { token: isSelected ? "common:unselect" : "common:select" },
-                  onClick: () => {
-                    handleSelect(contribution.toItemDto(), isSelected);
-                  },
+                  onClick: selectContribution,
                 },
               ]}
               border={isSelected ? "brand-primary" : undefined}
               githubHtmlUrl={contribution.htmlUrl}
+              onClick={selectContribution}
             />
           );
         })}
         {mixedContributions.map(contribution => {
           const isSelected = !!selectedContributions.find(c => c.isEqualTo(contribution.toItemDto())) || false;
+
+          function selectContribution() {
+            handleSelect(contribution.toItemDto(), isSelected);
+          }
+
           return (
             <CardContributionKanban
               key={contribution.id}
@@ -207,13 +216,12 @@ export function UserContributions({ githubUserId, containerHeight = undefined }:
               actions={[
                 {
                   translate: { token: isSelected ? "common:unselect" : "common:select" },
-                  onClick: () => {
-                    handleSelect(contribution.toItemDto(), isSelected);
-                  },
+                  onClick: selectContribution,
                 },
               ]}
               border={isSelected ? "brand-primary" : undefined}
               githubHtmlUrl={contribution.githubHtmlUrl}
+              onClick={selectContribution}
             />
           );
         })}