feat(Describe): add button to copy content to clipboard (#1192)

Author: Raubzeug

src/containers/Tenant/Diagnostics/Describe/Describe.scss

@@ -1,19 +1,30 @@
 @import '../../../../styles/mixins.scss';
 
-.kv-describe {
+.ydb-describe {
     &__message-container {
         padding: 15px 0;
     }
 
     &__result {
+        position: relative;
+
         display: flex;
         overflow: auto;
         flex: 0 0 auto;
 
-        padding: 10px 20px 20px 0;
+        padding: 0 20px 20px 0;
     }
 
     &__tree {
         @include json-tree-styles();
     }
+
+    &__copy {
+        position: absolute;
+        left: 308px;
+    }
+
+    .json-inspector__search {
+        height: 26px;
+    }
 }

src/containers/Tenant/Diagnostics/Describe/Describe.tsx

@@ -1,3 +1,4 @@
+import {ClipboardButton} from '@gravity-ui/uikit';
 import {skipToken} from '@reduxjs/toolkit/query';
 import JSONTree from 'react-json-inspector';
 import {shallowEqual} from 'react-redux';
@@ -14,7 +15,7 @@ import {isEntityWithMergedImplementation} from '../../utils/schema';
 import './Describe.scss';
 import 'react-json-inspector/json-inspector.css';
 
-const b = cn('kv-describe');
+const b = cn('ydb-describe');
 
 const expandMap = new Map();
 
@@ -86,6 +87,11 @@ const Describe = ({path, database, type}: IDescribeProps) => {
                             return expandMap.get(keypath) || false;
                         }}
                     />
+                    <ClipboardButton
+                        view="flat-secondary"
+                        text={JSON.stringify(preparedDescribeData)}
+                        className={b('copy')}
+                    />
                 </div>
             ) : null}
         </div>