From b1b4283bc5c49cb6376d5be72773fd3df2936410 Mon Sep 17 00:00:00 2001
From: goodmice <av.sirotkin@autodrilling.ru>
Date: Wed, 28 Dec 2022 16:56:03 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D1=81=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BA=D1=82=D0=BE=D1=80=D0=B0=20=D1=81=D0=BA=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=B6=D0=B8=D0=BD=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/icons/WellIcon.tsx             |  4 +--
 src/components/selectors/WellTreeSelector.tsx |  3 ++-
 src/styles/components/well_tree_select.css    | 19 --------------
 src/styles/components/well_tree_select.less   | 26 +++++++++++++++++++
 4 files changed, 30 insertions(+), 22 deletions(-)
 delete mode 100644 src/styles/components/well_tree_select.css
 create mode 100644 src/styles/components/well_tree_select.less

diff --git a/src/components/icons/WellIcon.tsx b/src/components/icons/WellIcon.tsx
index a0f66a2..9154d85 100755
--- a/src/components/icons/WellIcon.tsx
+++ b/src/components/icons/WellIcon.tsx
@@ -16,7 +16,7 @@ export type WellIconProps = React.SVGProps<SVGSVGElement> & {
 }
 
 const defaultColors: WellIconColors = {
-    online: '#C32828',
+    online: 'white',
     active: 'white',
     inactive: '#A7A7A7',
     unknown: '#7B7B7B',
@@ -53,7 +53,7 @@ export const WellIcon = React.memo(({ width, height, state, online, colors, ...o
             <path d={'m12 6.4h6.6v-0.53h-6.6z'} fill={'currentColor'}/>
             <path d={'m14 0.79v0.53h2.9v-0.53z'} fill={'currentColor'}/>
             <path d={'m12 7.9 5-4-2.4-2.6h1.3l-2.4 2.6 5 4'}/>
-            {online || ( // Полоски, показывающие наличие свежей телеметрии
+            {online && ( // Полоски, показывающие наличие свежей телеметрии
                 <g stroke={colors.online} strokeWidth={.4}>
                     <path d={'m18.4 0.0662a2 2 0 0 1 0.141 1.7 2 2 0 0 1-1.22 1.19'} />
                     <path d={'m19.5 0.0402a3 3 0 0 1-1.79 3.85'} />
diff --git a/src/components/selectors/WellTreeSelector.tsx b/src/components/selectors/WellTreeSelector.tsx
index a5fa44f..2477ba1 100755
--- a/src/components/selectors/WellTreeSelector.tsx
+++ b/src/components/selectors/WellTreeSelector.tsx
@@ -10,7 +10,7 @@ import { isRawDate } from '@utils'
 import { ReactComponent as DepositIcon } from '@images/components/well_tree_selector/DepositIcon.svg'
 import { ReactComponent as ClusterIcon } from '@images/components/well_tree_selector/ClusterIcon.svg'
 
-import '@styles/components/well_tree_select.css'
+import '@styles/components/well_tree_select.less'
 
 /**
  * Для поиска в URL текущего раздела по шаблону `/{type}/{id}`
@@ -175,6 +175,7 @@ export const WellTreeSelector = memo<WellTreeSelectorProps>(({ expand, current,
         <Drawer open={open} mask={false} onClose={onClose} title={'Список скважин'}>
             <Tree
                 {...other}
+                className={'well-tree-selector'}
                 showIcon
                 selectedKeys={selected}
                 treeData={wellsTree}
diff --git a/src/styles/components/well_tree_select.css b/src/styles/components/well_tree_select.css
deleted file mode 100644
index f5435d3..0000000
--- a/src/styles/components/well_tree_select.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.header-tree-select {
-    width: 300px
-}
-
-.header-tree-select *{
-    color: #fff;
-    font-size: 1rem;
-}
-
-.header-tree-select{
-    width: 300px;
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    background-color: rgba(0, 0, 0, 0.3);
-}
-
-.header-tree-select:hover{
-    border: 1px solid rgba(255, 255, 255, 0.8);
-    background-color: rgba(0, 0, 0, 0.5);
-}
diff --git a/src/styles/components/well_tree_select.less b/src/styles/components/well_tree_select.less
new file mode 100644
index 0000000..5b15efd
--- /dev/null
+++ b/src/styles/components/well_tree_select.less
@@ -0,0 +1,26 @@
+.well-tree-selector {
+    &.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
+        background-color: #C32828;
+        color: white;
+
+        & svg {
+            color: white !important;
+        }
+    }
+}
+
+.header-tree-select{
+    width: 300px;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    background-color: rgba(0, 0, 0, 0.3);
+
+    &:hover {
+        border: 1px solid rgba(255, 255, 255, 0.8);
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    & * {
+        color: #fff;
+        font-size: 1rem;
+    }
+}