AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rewrite OAuthConnections - remove pointer-events workarounds

Browse source 
cgen-4befa941c9234c0f8aa8d799bd66dc12
This commit is contained in:
Builder.io 2025-11-15 04:45:55 +00:00
parent 2abb46a303
commit 5018f6eb75
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/components/settings/OAuthConnections.tsx
View file

@ -56,7 +56,7 @@ const OAuthConnections = memo(function OAuthConnections({
onUnlink,
}: OAuthConnectionsProps) {
return (
<div className="space-y-4 pointer-events-auto" aria-live="polite">
<div className="space-y-4" aria-live="polite">
{providers.map((providerConfig) => {
const { provider, name, description, Icon, gradient } = providerConfig;
const linkedMeta = linkedProviderMap[provider];
@ -81,7 +81,7 @@ const OAuthConnections = memo(function OAuthConnections({
<section
key={provider}
className={cn(
"flex flex-col gap-4 rounded-xl border p-4 md:flex-row md:items-center md:justify-between pointer-events-auto cursor-default",
"flex flex-col gap-4 rounded-xl border p-4 md:flex-row md:items-center md:justify-between",
linkedMeta
? "border-emerald-500/40 bg-emerald-500/5"
: "border-border/50 bg-background/20",
@ -134,11 +134,11 @@ const OAuthConnections = memo(function OAuthConnections({
)}
</div>
</div>
<div className="flex items-center gap-3 md:self-center pointer-events-auto">
<div className="flex items-center gap-3 md:self-center">
{linkedMeta ? (
<Button
variant="outline"
className="flex items-center gap-2 pointer-events-auto cursor-pointer"
className="flex items-center gap-2"
disabled={isUnlinking}
onClick={() => onUnlink(provider)}
type="button"
@ -155,7 +155,7 @@ const OAuthConnections = memo(function OAuthConnections({
</Button>
) : (
<Button
className="flex items-center gap-2 bg-aethex-500 hover:bg-aethex-600 pointer-events-auto cursor-pointer"
className="flex items-center gap-2 bg-aethex-500 hover:bg-aethex-600"
disabled={isLinking}
onClick={() => onLink(provider)}
type="button"