Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: make drodpwon sub menu assisgn project scroll able

Browse Source
This commit is contained in:
Faisal Amir 2025-10-06 11:16:02 +07:00
parent 80ee8fd2b2
commit f160d83ca9
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web-app/src/containers/ThreadList.tsx
View File

@ -205,7 +205,7 @@ const SortableItem = memo(
}} }}
/> />
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent side="bottom" align="end" className="w-44"> <DropdownMenuContent side="bottom" align="end" className="min-w-44">
{thread.isFavorite ? ( {thread.isFavorite ? (
<DropdownMenuItem <DropdownMenuItem
onClick={(e) => { onClick={(e) => {
@ -239,7 +239,7 @@ const SortableItem = memo(
<IconFolder size={16} /> <IconFolder size={16} />
<span>{t('common:projects.addToProject')}</span> <span>{t('common:projects.addToProject')}</span>
</DropdownMenuSubTrigger> </DropdownMenuSubTrigger>
<DropdownMenuSubContent> <DropdownMenuSubContent className="max-h-60 min-w-44 overflow-y-auto">
{availableProjects.length === 0 ? ( {availableProjects.length === 0 ? (
<DropdownMenuItem disabled> <DropdownMenuItem disabled>
<span className="text-left-panel-fg/50"> <span className="text-left-panel-fg/50">
@ -308,7 +308,11 @@ type ThreadListProps = {
currentProjectId?: string currentProjectId?: string
} }
function ThreadList({ threads, variant = 'default', currentProjectId }: ThreadListProps) { function ThreadList({
threads,
variant = 'default',
currentProjectId,
}: ThreadListProps) {
const sortedThreads = useMemo(() => { const sortedThreads = useMemo(() => {
return threads.sort((a, b) => { return threads.sort((a, b) => {
return (b.updated || 0) - (a.updated || 0) return (b.updated || 0) - (a.updated || 0)
@ -332,7 +336,12 @@ function ThreadList({ threads, variant = 'default', currentProjectId }: ThreadLi
strategy={verticalListSortingStrategy} strategy={verticalListSortingStrategy}
> >
{sortedThreads.map((thread, index) => ( {sortedThreads.map((thread, index) => (
<SortableItem key={index} thread={thread} variant={variant} currentProjectId={currentProjectId} /> <SortableItem
key={index}
thread={thread}
variant={variant}
currentProjectId={currentProjectId}
/>
))} ))}
</SortableContext> </SortableContext>
</DndContext> </DndContext>