feat(ManageTokens): added a copy button for the token hash

ytsaurus · Jun 20, 2024 · 20190ef · 20190ef
1 parent c2e20ab
commit 20190ef
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/.../ui/src/ui/containers/ManageTokens/ManageTokensModalContent/ManageTokensModalContent.scss b/.../ui/src/ui/containers/ManageTokens/ManageTokensModalContent/ManageTokensModalContent.scss
@@ -40,6 +40,11 @@
         &_name_description {
             white-space: pre-wrap;
         }
+
+        &_name_hash {
+            display: flex;
+            justify-content: space-around;
+        }
     }
 
     &__generate-token-button {

diff --git a/...s/ui/src/ui/containers/ManageTokens/ManageTokensModalContent/ManageTokensModalContent.tsx b/...s/ui/src/ui/containers/ManageTokens/ManageTokensModalContent/ManageTokensModalContent.tsx
@@ -298,7 +298,17 @@ const AuthenticationTokensSection: FC<{
                             width: 110,
                             className: block('table-cell', {name: 'hash'}),
                             render: ({value}) => {
-                                return truncate(String(value), {length: 12});
+                                return (
+                                    <>
+                                        {truncate(String(value), {length: 12})}
+                                        <ClipboardButton
+                                            title="Copy error"
+                                            view="flat-secondary"
+                                            text={value}
+                                            size="xs"
+                                        />
+                                    </>
+                                );
                             },
                         },
                         {