scriptoriumadmin/supermemory
1
0
Fork 0
mirror of https://github.com/supermemoryai/supermemory.git synced 2026-09-10 22:41:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): harden integrations upgrade plan id (#1088)

Browse source
This commit is contained in:
Ishaan Gupta 2026-06-10 23:41:03 +05:30 • committed by GitHub
parent 0ca48baa0c
commit 6efb4ec3c2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 39 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
apps/web/components/add-document/connections.tsx
View file

@ -328,11 +328,11 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
const projects = (queryClient.getQueryData<Project[]>(["projects"]) ||
[]) as Project[]
const handleUpgrade = async () => {
const handleUpgrade = async (planId: "api_pro" | "api_max" = "api_pro") => {
setIsUpgrading(true)
try {
const result = await autumn.attach({
planId: "api_pro",
planId,
successUrl: window.location.href,
})
if (result?.paymentUrl) {
@ -614,11 +614,21 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
</span>
)}
<Button
onClick={() => setGranolaModalOpen(true)}
disabled={!isMaxUser}
onClick={() => {
if (!isMaxUser) {
handleUpgrade("api_max")
return
}
setGranolaModalOpen(true)
}}
disabled={isUpgrading || autumn.isLoading}
className="bg-[#4BA0FA] text-black hover:bg-[#4BA0FA]/90 text-[14px] font-medium px-3 py-1.5 h-8"
>
Connect
{!isMaxUser
? isUpgrading || autumn.isLoading
? "Upgrading..."
: "Upgrade"
: "Connect"}
</Button>
</>
) : (
@ -783,8 +793,14 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
</div>
</DropdownMenuItem>
<DropdownMenuItem
disabled={!isMaxUser}
onClick={() => setGranolaModalOpen(true)}
disabled={isUpgrading || autumn.isLoading}
onClick={() => {
if (!isMaxUser) {
handleUpgrade("api_max")
return
}
setGranolaModalOpen(true)
}}
className="flex items-start gap-2.5 px-3 py-2.5 rounded-md cursor-pointer text-white opacity-60 hover:opacity-100 hover:bg-[#293952]/40 focus:bg-[#293952]/40 focus:opacity-100 data-disabled:opacity-40 data-disabled:cursor-not-allowed data-disabled:hover:bg-transparent"
>
<Granola className="size-5 mt-0.5 shrink-0" />
@ -798,7 +814,9 @@ export function ConnectContent({ selectedProject }: ConnectContentProps) {
)}
</span>
<span className="text-[11px] text-[#737373] leading-tight">
Meeting notes & transcripts
{isMaxUser
? "Meeting notes & transcripts"
: "Upgrade to Max"}
</span>
</div>
</DropdownMenuItem>

20
apps/web/components/integrations-view.tsx
View file

@ -2425,10 +2425,11 @@ export function IntegrationsView({
}
}
const handleUpgrade = async (planId: "api_pro" | "api_max" = "api_pro") => {
const handleUpgrade = async (planId?: unknown) => {
const checkoutPlanId = planId === "api_max" ? "api_max" : "api_pro"
try {
const result = await autumn.attach({
planId,
planId: checkoutPlanId,
successUrl: `${window.location.origin}/?view=integrations`,
})
if (result?.paymentUrl) {
@ -2741,7 +2742,7 @@ export function IntegrationsView({
}
if (claudeCodeConnected) return
if (claudeCodeNeedsPro) {
handleUpgrade()
handleUpgrade("api_pro")
return
}
createPluginKeyMutation.mutate("claude_code")
@ -2818,7 +2819,7 @@ export function IntegrationsView({
title="Connect another agent"
onClick={() => {
if (needsProUpgrade) {
handleUpgrade()
handleUpgrade("api_pro")
return
}
trackCard(item)
@ -2843,6 +2844,11 @@ export function IntegrationsView({
<FinishSetupButton
onClick={() => {
trackCard(item)
if (!PLUGIN_CATALOG[item.pluginId]?.usesOAuth) {
if (connectingPlugin) return
createPluginKeyMutation.mutate(item.pluginId)
return
}
setFinishSetupPluginId(item.pluginId)
}}
/>
@ -2850,7 +2856,7 @@ export function IntegrationsView({
}
if (needsProUpgrade) {
return (
<PillButton onClick={() => handleUpgrade()}>
<PillButton onClick={() => handleUpgrade("api_pro")}>
<Zap className="size-3.5 text-[#4BA0FA]" /> Upgrade
</PillButton>
)
@ -3020,7 +3026,7 @@ export function IntegrationsView({
<PillButton
onClick={() => {
if (needsProUpgrade) {
handleUpgrade()
handleUpgrade("api_pro")
return
}
trackCard(item)
@ -3465,7 +3471,7 @@ export function IntegrationsView({
</div>
<div className="flex shrink-0 items-center justify-between gap-2">
{connectedDialogNeedsPro ? (
<PillButton onClick={() => handleUpgrade()}>
<PillButton onClick={() => handleUpgrade("api_pro")}>
<Zap className="size-3.5 text-[#4BA0FA]" /> Upgrade to connect
more
</PillButton>