fix(RequirementConnectButton): accept ButtonProps

guildxyz · Jul 11, 2024 · 4baf3fa · 4baf3fa
1 parent 3aa6e44
commit 4baf3fa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/[guild]/Requirements/components/ConnectRequirementPlatformButton.tsx b/src/components/[guild]/Requirements/components/ConnectRequirementPlatformButton.tsx
@@ -21,7 +21,7 @@ function requirementTypeToPlatformName(type: RequirementType): PlatformName {
   return REQUIREMENTS[type].types[0].split("_")[0] as PlatformName
 }
 
-const RequirementConnectButton = () => {
+const RequirementConnectButton = ({ className, ...props }: ButtonProps) => {
   const { platformUsers, emails, farcasterProfiles } = useUser()
   const { type, roleId, id } = useRequirementContext()
   const platform = requirementTypeToPlatformName(type)
@@ -68,12 +68,13 @@ const RequirementConnectButton = () => {
     <ButtonComponent
       isReconnection={isReconnection}
       onSuccess={onSuccess}
-      className="gap-1"
+      className={cn("gap-1", className)}
       size="xs"
       // TODO: find a better solution for handling the icon
       {...(platform === "EMAIL" || platform === "FARCASTER"
         ? undefined
         : { icon: rewards[platform]?.icon })}
+      {...props}
     />
   )
 }

diff --git a/src/components/[guild]/Requirements/components/RequirementAccessIndicator.tsx b/src/components/[guild]/Requirements/components/RequirementAccessIndicator.tsx
@@ -87,7 +87,7 @@ const RequirementAccessIndicator = () => {
           ) : type.startsWith("GITCOIN_") ? (
             <DynamicSetupPassport size="sm" />
           ) : (
-            <DynamicConnectRequirementPlatformButton size="sm" iconSpacing={2} />
+            <DynamicConnectRequirementPlatformButton className="gap-2" size="sm" />
           )}
         </PopoverFooter>
       </RequirementAccessIndicatorUI>