scriptoriumadmin/supermemory
1
0
Fork 0
mirror of https://github.com/supermemoryai/supermemory.git synced 2026-08-28 05:25:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix mobile space switching in add-content drawer (#1009)

Browse source 
Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Mahesh Sanikommu 2026-05-26 02:51:59 -07:00 • committed by GitHub
parent aedcbeb321
commit 60333c5074
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 39 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
apps/web/components/add-document/file.tsx
View file

@ -194,9 +194,12 @@ export function FileContent({
)}
>
<div className="flex flex-col gap-2">
<p className="text-[16px] font-medium pl-2">
Upload files (images, PDF, documents, sheets, markdown)
</p>
<div className="flex flex-col gap-0.5 pl-2">
<p className="text-[16px] font-medium">Upload files</p>
<p className="text-[#737373] text-xs">
Images, PDF, documents, sheets, markdown
</p>
</div>
<label
onDragOver={handleDragOver}
onDragLeave={handleDragLeave}

61
apps/web/components/add-document/index.tsx
View file

@ -105,7 +105,7 @@ const tabs = [
id: "connect" as const,
icon: ZapIcon,
title: "Connect knowledge bases",
compactLabel: "Connections",
compactLabel: "Connect",
description: "Sync with Google Drive, Notion and OneDrive and import data",
isPro: true,
},
@ -284,6 +284,18 @@ export function AddDocument({
const fileTabSubmitDisabled =
activeTab === "file" && (!fileTabHasPending || isSubmitting)
const spaceSelector = (
<SpaceSelector
selectedProjects={[localSelectedProject]}
onValueChange={(projects) =>
setLocalSelectedProject(projects[0] ?? localSelectedProject)
}
variant="insideOut"
compact={isMobile}
triggerClassName={cn(isMobile && "h-12 shrink-0")}
/>
)
return (
<div className="flex h-full min-h-0 flex-col overflow-hidden text-white md:flex-row md:space-x-5">
{isMobile && !hasPaidPlan && (
@ -445,6 +457,23 @@ export function AddDocument({
isMobile ? "w-full px-4 pt-1" : "w-2/3 px-1",
)}
>
{isMobile && (
<div className="mb-3 flex h-10 w-full shrink-0 items-center overflow-hidden rounded-full border border-[#1F2937] bg-[#0D121A] p-1">
{tabs.map((tab) => (
<TabButton
key={tab.id}
active={activeTab === tab.id}
onClick={() => setActiveTab(tab.id)}
icon={tab.icon}
title={tab.title}
compactLabel={tab.compactLabel}
description={tab.description}
isPro={tab.isPro}
compact
/>
))}
</div>
)}
<div className="min-h-0 flex-1 overflow-auto scrollbar-thin">
{activeTab === "note" && (
<NoteContent
@ -487,38 +516,14 @@ export function AddDocument({
: "justify-between gap-2 pt-3",
)}
>
{isMobile && (
<div className="flex h-10 w-full shrink-0 items-center overflow-hidden rounded-full border border-[#1F2937] bg-[#0D121A] p-1">
{tabs.map((tab) => (
<TabButton
key={tab.id}
active={activeTab === tab.id}
onClick={() => setActiveTab(tab.id)}
icon={tab.icon}
title={tab.title}
compactLabel={tab.compactLabel}
description={tab.description}
isPro={tab.isPro}
compact
/>
))}
</div>
)}
{!isMobile && (
<SpaceSelector
selectedProjects={[localSelectedProject]}
onValueChange={(projects) =>
setLocalSelectedProject(projects[0] ?? localSelectedProject)
}
variant="insideOut"
/>
)}
{!isMobile && spaceSelector}
<div
className={cn(
"flex items-center gap-2",
isMobile ? "w-full" : "justify-end",
)}
>
{isMobile && spaceSelector}
{!isMobile && (
<Button
variant="ghost"
@ -536,7 +541,7 @@ export function AddDocument({
disabled={
activeTab === "file" ? fileTabSubmitDisabled : isSubmitting
}
className={cn(isMobile && "h-12 w-full px-5 text-[15px]")}
className={cn(isMobile && "h-12 flex-1 px-5 text-[15px]")}
>
{isSubmitting ? (
<>