ydb-embedded-ui 3.3.0 → 3.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [3.3.1](https://github.com/ydb-platform/ydb-embedded-ui/compare/v3.3.0...v3.3.1) (2023-01-31)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * **UserSettings:** reword nodes setting and add popup ([2fda2b8](https://github.com/ydb-platform/ydb-embedded-ui/commit/2fda2b815b921a8163f80527c45f788172df4ba8))
9
+
3
10
  ## [3.3.0](https://github.com/ydb-platform/ydb-embedded-ui/compare/v3.2.3...v3.3.0) (2023-01-30)
4
11
 
5
12
 
@@ -0,0 +1,9 @@
1
+ .ydb-user-settings {
2
+ &__item-with-popup {
3
+ max-width: 180px;
4
+ }
5
+
6
+ &__popup {
7
+ max-width: 370px;
8
+ }
9
+ }
@@ -1,6 +1,8 @@
1
+ import {ReactNode} from 'react';
1
2
  import {connect} from 'react-redux';
3
+ import cn from 'bem-cn-lite';
2
4
 
3
- import {RadioButton, Switch} from '@gravity-ui/uikit';
5
+ import {RadioButton, Switch, HelpPopover} from '@gravity-ui/uikit';
4
6
  import {Settings} from '@gravity-ui/navigation';
5
7
 
6
8
  import favoriteFilledIcon from '../../assets/icons/star.svg';
@@ -14,6 +16,10 @@ import {
14
16
 
15
17
  import {setSettingValue} from '../../store/reducers/settings';
16
18
 
19
+ import './UserSettings.scss';
20
+
21
+ const b = cn('ydb-user-settings');
22
+
17
23
  enum Theme {
18
24
  light = 'light',
19
25
  dark = 'dark',
@@ -33,6 +39,19 @@ function UserSettings(props: any) {
33
39
  props.setSettingValue(USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, String(value));
34
40
  };
35
41
 
42
+ const renderBreakNodesSettingsItem = (title: ReactNode) => {
43
+ return (
44
+ <div className={b('item-with-popup')}>
45
+ {title}
46
+ <HelpPopover
47
+ content="Use /viewer/json/nodes endpoint for Nodes Tab in diagnostics. It returns incorrect data on older versions"
48
+ contentClassName={b('popup')}
49
+ hasArrow={true}
50
+ />
51
+ </div>
52
+ );
53
+ };
54
+
36
55
  return (
37
56
  <Settings>
38
57
  <Settings.Page
@@ -58,7 +77,10 @@ function UserSettings(props: any) {
58
77
  onUpdate={_onInvertedDisksChangeHandler}
59
78
  />
60
79
  </Settings.Item>
61
- <Settings.Item title="Use /viewer/json/nodes for Nodes Tab in diagnostics">
80
+ <Settings.Item
81
+ title="Break the Nodes tab in Diagnostics"
82
+ renderTitleComponent={renderBreakNodesSettingsItem}
83
+ >
62
84
  <Switch
63
85
  checked={props.useNodesEndpointInDiagnostics}
64
86
  onUpdate={_onNodesEndpointChangeHandler}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ydb-embedded-ui",
3
- "version": "3.3.0",
3
+ "version": "3.3.1",
4
4
  "files": [
5
5
  "dist"
6
6
  ],