From 2ead8e3a4ac8e95e48611562c645632b57fe8ead Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 4 Jun 2024 12:12:55 +0300
Subject: [PATCH] Improve LibraryHelp

---
 .../components/ui/DataTable/TableHeader.tsx   |  3 +-
 .../pages/ManualsPage/items/HelpLibrary.tsx   | 36 +++++++++++--------
 2 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/rsconcept/frontend/src/components/ui/DataTable/TableHeader.tsx b/rsconcept/frontend/src/components/ui/DataTable/TableHeader.tsx
index 12752073..cf3c1700 100644
--- a/rsconcept/frontend/src/components/ui/DataTable/TableHeader.tsx
+++ b/rsconcept/frontend/src/components/ui/DataTable/TableHeader.tsx
@@ -37,8 +37,9 @@ function TableHeader<TData>({
             <th
               key={header.id}
               colSpan={header.colSpan}
-              className='px-2 py-2 text-xs font-medium select-none whitespace-nowrap'
+              className='pl-2 py-2 text-xs font-medium select-none whitespace-nowrap'
               style={{
+                paddingRight: enableSorting && header.column.getCanSort() ? '0px' : '2px',
                 textAlign: 'start',
                 width: header.getSize(),
                 cursor: enableSorting && header.column.getCanSort() ? 'pointer' : 'auto'
diff --git a/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx b/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx
index 7d3bb10e..3a4ea93c 100644
--- a/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx
+++ b/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx
@@ -1,20 +1,28 @@
-import { IconImmutable, IconPublic } from '../../../components/Icons';
+import { IconFolder, IconSearch, IconShow, IconSortAsc, IconSortDesc } from '@/components/Icons';
 
 function HelpLibrary() {
-  // prettier-ignore
   return (
-  <div className='dense'>
-    <h1>Библиотека схем</h1>
-    <p>В библиотеке собраны концептуальные схемы, эксплицированные в родоструктурном аппарате</p>
-    <p>используемые при концептуального проектирования систем организационного управления</p>
-    <li>Фильтрация с помощью инструментов в верхней части страницы</li>
-    <li>Сортировка по клику на заголовок таблицы</li>
-    <li>Ctrl + клик по строке откроет схему в новой вкладке</li>
-    
-    <h2>Отображение статусов</h2>
-    <p>- <IconPublic className='inline-icon'/> <b>общедоступная</b> отображает схему всем пользователям</p>
-    <p>- <IconImmutable className='inline-icon'/> <b>неизменная</b> выделяет стандартные схемы</p>
-  </div>);
+    <div>
+      <h1>Библиотека схем</h1>
+      <p>В библиотеке собраны концептуальные схемы, эксплицированные в родоструктурном аппарате</p>
+
+      <h2>Интерфейс</h2>
+      <li>Ctrl + клик по строке откроет схему в новой вкладке</li>
+      <li>
+        <IconShow size='1rem' className='inline-icon' /> фильтры атрибутов применяются по клику
+      </li>
+      <li>
+        <IconSortAsc size='1rem' className='inline-icon' />
+        <IconSortDesc size='1rem' className='inline-icon' /> сортировка по клику на заголовок таблицы
+      </li>
+      <li>
+        <IconSearch size='1rem' className='inline-icon' /> фильтр по названию и шифру
+      </li>
+      <li>
+        <IconFolder size='1rem' className='inline-icon' /> фильтр по расположению
+      </li>
+    </div>
+  );
 }
 
 export default HelpLibrary;