commit

docs/management-change-pending-review-action-menu-review.md

@@ -0,0 +1,54 @@
+# Summary
+
+Updated the Pending Review table action UI from a full-width `ตรวจสอบ` button to a compact three-dot action menu. The review workflow, routes, and backend behavior remain unchanged.
+
+# Files Changed
+
+- `src/features/training-records/components/pending-review-action-menu.tsx`
+- `src/features/training-records/components/pending-review-columns.tsx`
+- `docs/management-change-pending-review-action-menu-review.md`
+
+# UI Changes
+
+- Replaced the full text button in the Pending Review action column with a compact icon button.
+- Used the existing `DropdownMenu` component and the existing icon system.
+- Kept the action column compact with `w-[60px] min-w-[60px]`.
+- Right-aligned the action trigger so it stays table-friendly.
+
+# Action Menu Behavior
+
+- Trigger button uses:
+  - `variant="ghost"`
+  - `size="icon"`
+  - `Icons.ellipsis`
+  - `aria-label="เมนูการดำเนินการ"`
+- Dropdown items:
+  1. `ตรวจสอบ`
+     - navigates to `/dashboard/training-records/[id]/review`
+     - keeps the same behavior as the previous full button
+  2. `ดูรายละเอียด`
+     - navigates to `/dashboard/training-records/[id]`
+
+# Responsive Notes
+
+- The action column is now narrower, which reduces table width pressure on smaller screens.
+- The dropdown content uses right alignment and a viewport-safe max width.
+- Horizontal table scrolling behavior remains controlled by the existing table container.
+- No route, data, or workflow changes were introduced.
+
+# Manual Test Checklist
+
+- [ ] Pending Review table no longer shows full `ตรวจสอบ` button.
+- [ ] Three-dot button appears in action column.
+- [ ] Clicking three-dot button opens action menu.
+- [ ] `ตรวจสอบ` menu item opens existing review page.
+- [ ] Review workflow still works.
+- [ ] Table width is reduced.
+- [ ] Mobile layout works.
+- [ ] Dropdown does not overflow viewport.
+
+# Known Limitations
+
+- This change only updates the Pending Review table action UI.
+- Other training record tables keep their existing action patterns.
+- Final mobile behavior should still be verified in-browser because table overflow depends on real viewport width and row content.