дозагрузка свежих данных

src/webparts/requestPortal/features/myRequests/RequestsTableView.tsx

@@ -11,6 +11,7 @@ import {
 import { IMyRequest } from './models/IMyRequest';
 import { REQUEST_STATUS, IRequestType } from '../../shared/approval';
 import { onRequestsChanged } from '../../shared/requestEvents';
+import { Pager } from './Pager';
 import styles from './RequestsTableView.module.scss';
 
 const PAGE_SIZE = 20;
@@ -21,6 +22,10 @@ export interface IRequestsTableViewProps {
   kind: 'approvals' | 'own';
   /** Клик по строке — открыть заявку (в выезжающей панели). */
   onOpen: (request: IMyRequest) => void;
+  /** Точное число «ждут решения СЕЙЧАС» (kind='approvals', без поиска) — для
+   * счётчика в SideNav, чтобы не гонять для него отдельный параллельный
+   * запрос, который мог бы разойтись по времени с тем, что видно в таблице. */
+  onMyTurnCountChange?: (count: number) => void;
 }
 
 function formatDate(iso: string): string {
@@ -48,70 +53,6 @@ function statusClass(status: string): string {
   }
 }
 
-// Постраничная навигация: номера страниц + вперёд/назад. При большом
-// количестве страниц показывает только соседние с текущей + первую/последнюю.
-const Pager: React.FC<{ page: number; totalPages: number; onChange: (page: number) => void }> = ({
-  page,
-  totalPages,
-  onChange,
-}) => {
-  if (totalPages <= 1) return null;
-
-  const numbers: number[] = [];
-  const from = Math.max(1, page - 2);
-  const to = Math.min(totalPages, page + 2);
-  for (let i = from; i <= to; i++) numbers.push(i);
-
-  return (
-    <div className={styles.pager}>
-      <button
-        type="button"
-        className={styles.pagerBtn}
-        disabled={page <= 1}
-        onClick={() => onChange(page - 1)}
-        aria-label="Предыдущая страница"
-      >
-        ‹
-      </button>
-      {from > 1 && (
-        <>
-          <button type="button" className={styles.pagerBtn} onClick={() => onChange(1)}>
-            1
-          </button>
-          {from > 2 && <span className={styles.pagerEllipsis}>…</span>}
-        </>
-      )}
-      {numbers.map((n) => (
-        <button
-          key={n}
-          type="button"
-          className={`${styles.pagerBtn} ${n === page ? styles.pagerBtnActive : ''}`}
-          onClick={() => onChange(n)}
-        >
-          {n}
-        </button>
-      ))}
-      {to < totalPages && (
-        <>
-          {to < totalPages - 1 && <span className={styles.pagerEllipsis}>…</span>}
-          <button type="button" className={styles.pagerBtn} onClick={() => onChange(totalPages)}>
-            {totalPages}
-          </button>
-        </>
-      )}
-      <button
-        type="button"
-        className={styles.pagerBtn}
-        disabled={page >= totalPages}
-        onClick={() => onChange(page + 1)}
-        aria-label="Следующая страница"
-      >
-        ›
-      </button>
-    </div>
-  );
-};
-
 // Таблица заявок. Клик в ЛЮБОМ месте строки открывает заявку (кликабельна вся
 // строка, а не только название), поэтому строка — <tr> с onClick + tabIndex
 // (доступ с клавиатуры: Enter/Space).
@@ -191,7 +132,12 @@ const Table: React.FC<{
 // Оба варианта перечитываются по событию rp-requests-changed
 // (shared/requestEvents) — после создания заявки и после решения согласующего.
 // Поиск идёт по индексу, поэтому свежая правка может проявиться не мгновенно.
-export const RequestsTableView: React.FC<IRequestsTableViewProps> = ({ context, kind, onOpen }) => {
+export const RequestsTableView: React.FC<IRequestsTableViewProps> = ({
+  context,
+  kind,
+  onOpen,
+  onMyTurnCountChange,
+}) => {
   const [types, setTypes] = React.useState<IRequestType[] | undefined>(undefined);
   const [rows, setRows] = React.useState<IMyRequest[] | undefined>(undefined);
   const [totalRows, setTotalRows] = React.useState<number>(0);
@@ -240,6 +186,7 @@ export const RequestsTableView: React.FC<IRequestsTableViewProps> = ({ context,
           setRows(r.rows);
           setTotalRows(r.totalRows);
           setError('');
+          if (onMyTurnCountChange) onMyTurnCountChange(r.totalRows);
           return;
         }