From 7d41953a8df2c04aac97cc90ed37ff28b4755f9e Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 20 Jun 2024 11:50:26 +0300
Subject: [PATCH] Fix folder switch

---
 .../src/pages/LibraryPage/LibraryFolders.tsx     |  2 +-
 .../src/pages/LibraryPage/LibraryTable.tsx       | 16 +++++++---------
 .../src/pages/LibraryPage/SearchPanel.tsx        | 16 ++++++----------
 .../src/pages/ManualsPage/items/HelpLibrary.tsx  |  9 ++++++---
 4 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/rsconcept/frontend/src/pages/LibraryPage/LibraryFolders.tsx b/rsconcept/frontend/src/pages/LibraryPage/LibraryFolders.tsx
index 7536ead5..5ed6ca76 100644
--- a/rsconcept/frontend/src/pages/LibraryPage/LibraryFolders.tsx
+++ b/rsconcept/frontend/src/pages/LibraryPage/LibraryFolders.tsx
@@ -83,7 +83,7 @@ function LibraryFolders({ folders, currentFolder, setFolder, toggleFolderMode }:
         />
         <MiniButton
           icon={<IconFolderTree size='1.25rem' className='icon-green' />}
-          title='Режим: проводник'
+          title='Переключение в режим Поиск'
           onClick={toggleFolderMode}
         />
       </div>
diff --git a/rsconcept/frontend/src/pages/LibraryPage/LibraryTable.tsx b/rsconcept/frontend/src/pages/LibraryPage/LibraryTable.tsx
index 1b45d5e6..88cfa3a8 100644
--- a/rsconcept/frontend/src/pages/LibraryPage/LibraryTable.tsx
+++ b/rsconcept/frontend/src/pages/LibraryPage/LibraryTable.tsx
@@ -5,7 +5,7 @@ import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 
 import { urls } from '@/app/urls';
-import { IconFolder } from '@/components/Icons';
+import { IconFolderTree } from '@/components/Icons';
 import BadgeLocation from '@/components/info/BadgeLocation';
 import { CProps } from '@/components/props';
 import DataTable, { createColumnHelper, IConditionalStyle, VisibilityState } from '@/components/ui/DataTable';
@@ -56,11 +56,9 @@ function LibraryTable({ items, resetQuery, folderMode, toggleFolderMode }: Libra
 
   const handleToggleFolder = useCallback(
     (event: CProps.EventMouse) => {
-      if (event.ctrlKey) {
-        event.preventDefault();
-        event.stopPropagation();
-        toggleFolderMode();
-      }
+      event.preventDefault();
+      event.stopPropagation();
+      toggleFolderMode();
     },
     [toggleFolderMode]
   );
@@ -74,12 +72,12 @@ function LibraryTable({ items, resetQuery, folderMode, toggleFolderMode }: Libra
               id: 'location',
               header: () => (
                 <MiniButton
-                  noHover
                   noPadding
+                  noHover
                   className='pl-2 max-h-[1rem] translate-y-[-0.125rem]'
                   onClick={handleToggleFolder}
-                  titleHtml='Ctrl + клик для переключения </br>в режим папок'
-                  icon={<IconFolder size='1.25rem' className='clr-text-controls' />}
+                  titleHtml='Переключение в режим Проводник'
+                  icon={<IconFolderTree size='1.25rem' className='clr-text-controls' />}
                 />
               ),
               size: 50,
diff --git a/rsconcept/frontend/src/pages/LibraryPage/SearchPanel.tsx b/rsconcept/frontend/src/pages/LibraryPage/SearchPanel.tsx
index 9f9846e0..9175f409 100644
--- a/rsconcept/frontend/src/pages/LibraryPage/SearchPanel.tsx
+++ b/rsconcept/frontend/src/pages/LibraryPage/SearchPanel.tsx
@@ -176,6 +176,12 @@ function SearchPanel({
             />
 
             <Dropdown isOpen={headMenu.isOpen} stretchLeft className='z-modalTooltip'>
+              <DropdownButton className='w-[10rem]' title='Переключение в режим Проводник' onClick={handleToggleFolder}>
+                <div className='inline-flex items-center gap-3'>
+                  <IconFolderTree size='1rem' className='clr-text-controls' />
+                  <span>проводник...</span>
+                </div>
+              </DropdownButton>
               <DropdownButton className='w-[10rem]' onClick={() => handleChange(undefined)}>
                 <div className='inline-flex items-center gap-3'>
                   <IconFolder size='1rem' className='clr-text-controls' />
@@ -197,16 +203,6 @@ function SearchPanel({
                   </DropdownButton>
                 );
               })}
-              <DropdownButton
-                className='w-[10rem]'
-                title='переключение в режим выбора папок'
-                onClick={handleToggleFolder}
-              >
-                <div className='inline-flex items-center gap-3'>
-                  <IconFolderTree size='1rem' className='clr-text-controls' />
-                  <span>проводник...</span>
-                </div>
-              </DropdownButton>
             </Dropdown>
           </div>
         ) : null}
diff --git a/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx b/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx
index 6c4bfe80..37f2ddc7 100644
--- a/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx
+++ b/rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx
@@ -36,16 +36,19 @@ function HelpLibrary() {
       <li>клик по папке отображает справа файлы в ней</li>
       <li>клик по иконке сворачивает/разворачивает вложенные</li>
       <li>
-        <IconFolderTree size='1rem' className='inline-icon' /> скрыть / отобразить Проводник
+        <IconFolderTree size='1rem' className='inline-icon' /> переключение между Проводник и Поиск
       </li>
       <li>
-        <IconFolderEmpty size='1rem' className='inline-icon' /> папка без файлов
+        <IconFolderEmpty size='1rem' className='inline-icon clr-text-default' /> папка без файлов
+      </li>
+      <li>
+        <IconFolderEmpty size='1rem' className='inline-icon' /> папка с вложенными без файлов
       </li>
       <li>
         <IconFolder size='1rem' className='inline-icon' /> папка без вложенных
       </li>
       <li>
-        <IconFolderClosed size='1rem' className='inline-icon' /> папка с вложенными
+        <IconFolderClosed size='1rem' className='inline-icon' /> папка с вложенными и файлами
       </li>
       <li>
         <IconFolderOpened size='1rem' className='inline-icon icon-green' /> развернутая папка