refactor(FE): Disable row selection for approved recordings

2026-05-20 13:32:00 +00:00 · 2026-01-14 14:14:48 +07:00
parent 8d586e7cb4
commit 01e94b57c1
1 changed files with 12 additions and 2 deletions
@@ -656,13 +656,23 @@ const RecordingTable = () => {
              );
            },
            cell: ({ row }) => {
+              const recording = row.original;
+              const isDisabled = isRecordingApproved(recording);
+
+              const handleToggleSelection = (e: unknown) => {
+                if (!isDisabled) {
+                  row.getToggleSelectedHandler()(e);
+                }
+              };
+
              return (
-                <div>
+                <div className={cn({ 'opacity-50': isDisabled })}>
                  <CheckboxInput
                    name='row'
                    checked={row.getIsSelected()}
                    indeterminate={row.getIsSomeSelected()}
-                    onChange={row.getToggleSelectedHandler()}
+                    onChange={handleToggleSelection}
+                    disabled={isDisabled}
                  />
                </div>
              );