sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(triage): list and date buttons on phones open the bottom sheet
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 1m39s
Details

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
sandrodachandClaude Opus 5.5 committed 2026-10-31 15:24:55 +01:00
1 parent 15dcfa0d96
commit 19f98ae92f
5 files changed
+24 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/features/triage/TriageDeck.tsx
+10 -6
View File
@@ -761,11 +761,13 @@ export const TriageDeck: React.FC<TriageDeckProps> = ({
handleAction('keep', { convertTo: 'list_item', targetListId: singleWritableList.id });
return;
}
setShowDateModal(false);
setShowListSelector((prev) => !prev);
// Phones: the list choice of the bottom sheet (the inline choice above is desktop-only)
if (!activeCard) return;
openActionSheetForCard(activeCard);
setSheetMode('list');
}}
className={`min-h-[52px] px-3.5 py-2.5 rounded-xl bg-canvas hover:bg-panel-elevated border border-border text-left flex items-center gap-3 transition-colors cursor-pointer active:scale-98 touch-manipulation ${
writableLists.length === 0 ? 'opacity-40 cursor-not-allowed' : showListSelector ? 'border-accent bg-accent-dim' : ''
writableLists.length === 0 ? 'opacity-40 cursor-not-allowed' : ''
}`}
>
<ShoppingCart className="w-5 h-5 text-accent flex-shrink-0" />
@@ -784,10 +786,12 @@ export const TriageDeck: React.FC<TriageDeckProps> = ({
<button
type="button"
onClick={() => {
setShowListSelector(false);
setShowDateModal((prev) => !prev);
// Phones: the date choice of the bottom sheet (the inline one above is desktop-only)
if (!activeCard) return;
openActionSheetForCard(activeCard);
setSheetMode('date');
}}
className={`min-h-[52px] px-3.5 py-2.5 rounded-xl bg-canvas hover:bg-panel-elevated border border-border text-left flex items-center gap-3 transition-colors cursor-pointer active:scale-98 touch-manipulation ${showDateModal ? 'border-accent bg-accent-dim' : ''}`}
className="min-h-[52px] px-3.5 py-2.5 rounded-xl bg-canvas hover:bg-panel-elevated border border-border text-left flex items-center gap-3 transition-colors cursor-pointer active:scale-98 touch-manipulation"
>
<Calendar className="w-5 h-5 text-accent flex-shrink-0" />
<div>