RyuWonJun/eene_dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine: feedback and stage actions via right-click menu only

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
EENE Dashboard
2026-06-05 23:08:20 +09:00
parent b8975098ae
commit 4a90ea096e
1 changed files with 27 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
frontend/src/pages/DetailPage.tsx
View File

@@ -508,54 +508,25 @@ function DetailView({ task }: { task: TaskWithRelations }) {
+
</button>
</div>
<div
className="flex min-h-0 flex-1 flex-col overflow-y-auto pr-1"
onContextMenu={(e) => {
if (!selectedId) return;
e.preventDefault();
setFeedbackCtx({ x: e.clientX, y: e.clientY });
}}
>
<div className="flex min-h-0 flex-1 flex-col overflow-y-auto pr-1">
{sortedFeedbacks.length === 0 ? (
<p className="text-lg text-slate-400">+ 버튼 또는 빈 곳 우클릭으로 피드백을 추가하세요.</p>
<p className="text-lg text-slate-400">+ 버튼으로 피드백을 추가하세요.</p>
) : (
<div className="mb-2 min-h-0 flex-1 space-y-2">
{sortedFeedbacks.map((f) => (
<div
key={f.id}
className="flex items-start justify-between gap-2 rounded-lg bg-slate-50 px-3 py-2"
className="rounded-lg bg-slate-50 px-3 py-2"
onContextMenu={(e) => {
e.preventDefault();
e.stopPropagation();
setFeedbackCtx({ x: e.clientX, y: e.clientY, detailId: f.id });
}}
>
<p className="min-w-0 flex-1 truncate text-2xl font-black leading-snug text-slate-700">
<p className="truncate text-2xl font-black leading-snug text-slate-700">
{f.content}
<span className="font-bold text-slate-400"> — {feedbackAuthorName(f)}</span>
</p>
<div className="flex shrink-0 items-center gap-1 pt-0.5">
<button
type="button"
title="피드백 수정"
onClick={() => setFeedbackModal({ mode: 'edit', detail: f })}
className="rounded px-2 py-0.5 text-xs font-bold text-slate-500 hover:bg-slate-100"
>
✏️
</button>
<button
type="button"
title="피드백 삭제"
onClick={() => {
if (window.confirm('이 피드백을 삭제하시겠습니까?')) {
deleteFeedback.mutate(f.id);
}
}}
className="rounded px-2 py-0.5 text-xs font-bold text-red-400 hover:bg-red-50 hover:text-red-600"
>
🗑
</button>
</div>
</div>
))}
</div>
@@ -659,7 +630,7 @@ function DetailView({ task }: { task: TaskWithRelations }) {
onClose={() => setCtxMenu(null)}
items={[
{
label: '단계 수정',
label: '수정',
icon: '✏️',
onClick: () => {
const ms = milestones.find((m) => m.id === ctxMenu.stageId);
@@ -667,7 +638,7 @@ function DetailView({ task }: { task: TaskWithRelations }) {
},
},
{
label: '단계 삭제',
label: '삭제',
icon: '🗑',
danger: true,
onClick: () => {
@@ -696,41 +667,31 @@ function DetailView({ task }: { task: TaskWithRelations }) {
/>
)}
{feedbackCtx && (
{feedbackCtx?.detailId && (
<ContextMenu
x={feedbackCtx.x}
y={feedbackCtx.y}
onClose={() => setFeedbackCtx(null)}
items={
feedbackCtx.detailId
? [
{
label: '피드백 수정',
icon: '✏️',
onClick: () => {
const d = details.find((item) => item.id === feedbackCtx.detailId);
if (d) setFeedbackModal({ mode: 'edit', detail: d });
},
},
{
label: '피드백 삭제',
icon: '🗑',
danger: true,
onClick: () => {
if (window.confirm('이 피드백을 삭제하시겠습니까?')) {
deleteFeedback.mutate(feedbackCtx.detailId!);
}
},
},
]
: [
{
label: '피드백 추가',
icon: '➕',
onClick: () => setFeedbackModal({ mode: 'add' }),
},
]
}
items={[
{
label: '수정',
icon: '✏️',
onClick: () => {
const d = details.find((item) => item.id === feedbackCtx.detailId);
if (d) setFeedbackModal({ mode: 'edit', detail: d });
},
},
{
label: '삭제',
icon: '🗑',
danger: true,
onClick: () => {
if (window.confirm('이 피드백을 삭제하시겠습니까?')) {
deleteFeedback.mutate(feedbackCtx.detailId!);
}
},
},
]}
/>
)}
</div>