mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-06-30 17:12:58 +08:00
refactor(sidebar): remove touch event handlers from project and session items
This commit is contained in:
@@ -130,7 +130,6 @@ export default function SidebarProjectItem({
|
|||||||
'bg-yellow-50/50 dark:bg-yellow-900/5 border-yellow-200/30 dark:border-yellow-800/30',
|
'bg-yellow-50/50 dark:bg-yellow-900/5 border-yellow-200/30 dark:border-yellow-800/30',
|
||||||
)}
|
)}
|
||||||
onClick={toggleProject}
|
onClick={toggleProject}
|
||||||
onTouchEnd={touchHandlerFactory(toggleProject)}
|
|
||||||
>
|
>
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<div className="flex items-center gap-3 min-w-0 flex-1">
|
<div className="flex items-center gap-3 min-w-0 flex-1">
|
||||||
@@ -226,7 +225,6 @@ export default function SidebarProjectItem({
|
|||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
toggleStarProject();
|
toggleStarProject();
|
||||||
}}
|
}}
|
||||||
onTouchEnd={touchHandlerFactory(toggleStarProject)}
|
|
||||||
title={isStarred ? t('tooltips.removeFromFavorites') : t('tooltips.addToFavorites')}
|
title={isStarred ? t('tooltips.removeFromFavorites') : t('tooltips.addToFavorites')}
|
||||||
>
|
>
|
||||||
<Star
|
<Star
|
||||||
@@ -245,7 +243,6 @@ export default function SidebarProjectItem({
|
|||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
onDeleteProject(project);
|
onDeleteProject(project);
|
||||||
}}
|
}}
|
||||||
onTouchEnd={touchHandlerFactory(() => onDeleteProject(project))}
|
|
||||||
>
|
>
|
||||||
<Trash2 className="w-4 h-4 text-red-600 dark:text-red-400" />
|
<Trash2 className="w-4 h-4 text-red-600 dark:text-red-400" />
|
||||||
</button>
|
</button>
|
||||||
@@ -256,7 +253,6 @@ export default function SidebarProjectItem({
|
|||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
onStartEditingProject(project);
|
onStartEditingProject(project);
|
||||||
}}
|
}}
|
||||||
onTouchEnd={touchHandlerFactory(() => onStartEditingProject(project))}
|
|
||||||
>
|
>
|
||||||
<Edit3 className="w-4 h-4 text-primary" />
|
<Edit3 className="w-4 h-4 text-primary" />
|
||||||
</button>
|
</button>
|
||||||
@@ -285,7 +281,6 @@ export default function SidebarProjectItem({
|
|||||||
'bg-yellow-50/50 dark:bg-yellow-900/10 hover:bg-yellow-100/50 dark:hover:bg-yellow-900/20',
|
'bg-yellow-50/50 dark:bg-yellow-900/10 hover:bg-yellow-100/50 dark:hover:bg-yellow-900/20',
|
||||||
)}
|
)}
|
||||||
onClick={selectAndToggleProject}
|
onClick={selectAndToggleProject}
|
||||||
onTouchEnd={touchHandlerFactory(selectAndToggleProject)}
|
|
||||||
>
|
>
|
||||||
<div className="flex items-center gap-3 min-w-0 flex-1">
|
<div className="flex items-center gap-3 min-w-0 flex-1">
|
||||||
{isExpanded ? (
|
{isExpanded ? (
|
||||||
|
|||||||
@@ -83,7 +83,6 @@ export default function SidebarSessionItem({
|
|||||||
: 'border-border/30',
|
: 'border-border/30',
|
||||||
)}
|
)}
|
||||||
onClick={selectMobileSession}
|
onClick={selectMobileSession}
|
||||||
onTouchEnd={touchHandlerFactory(selectMobileSession)}
|
|
||||||
>
|
>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div
|
<div
|
||||||
@@ -120,7 +119,6 @@ export default function SidebarSessionItem({
|
|||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
requestDeleteSession();
|
requestDeleteSession();
|
||||||
}}
|
}}
|
||||||
onTouchEnd={touchHandlerFactory(requestDeleteSession)}
|
|
||||||
>
|
>
|
||||||
<Trash2 className="w-2.5 h-2.5 text-red-600 dark:text-red-400" />
|
<Trash2 className="w-2.5 h-2.5 text-red-600 dark:text-red-400" />
|
||||||
</button>
|
</button>
|
||||||
@@ -137,7 +135,6 @@ export default function SidebarSessionItem({
|
|||||||
isSelected && 'bg-accent text-accent-foreground',
|
isSelected && 'bg-accent text-accent-foreground',
|
||||||
)}
|
)}
|
||||||
onClick={() => onSessionSelect(session, project.name)}
|
onClick={() => onSessionSelect(session, project.name)}
|
||||||
onTouchEnd={touchHandlerFactory(() => onSessionSelect(session, project.name))}
|
|
||||||
>
|
>
|
||||||
<div className="flex items-start gap-2 min-w-0 w-full">
|
<div className="flex items-start gap-2 min-w-0 w-full">
|
||||||
<SessionProviderLogo provider={session.__provider} className="w-3 h-3 mt-0.5 flex-shrink-0" />
|
<SessionProviderLogo provider={session.__provider} className="w-3 h-3 mt-0.5 flex-shrink-0" />
|
||||||
|
|||||||
Reference in New Issue
Block a user