Fix:Formattin toolbar tooltip names according to rocket.chat (#879)

packages/react/src/lib/textFormat.js

@@ -1,7 +1,11 @@
 export const formatter = [
-  { name: 'bold', pattern: '*{{text}}*' },
-  { name: 'italic', pattern: '_{{text}}_' },
-  { name: 'strike', pattern: '~{{text}}~' },
-  { name: 'code', pattern: '`{{text}}`' },
-  { name: 'multiline', pattern: '```\n{{text}}\n``` ' },
+  { name: 'bold', pattern: '*{{text}}*', tooltip: 'Bold' },
+  { name: 'italic', pattern: '_{{text}}_', tooltip: 'Italic' },
+  { name: 'strike', pattern: '~{{text}}~', tooltip: 'Strikethrough' },
+  { name: 'code', pattern: '`{{text}}`', tooltip: 'Inline code' },
+  {
+    name: 'multiline',
+    pattern: '```\n{{text}}\n```',
+    tooltip: 'Multi-line code',
+  },
 ];

packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js

@@ -130,7 +130,11 @@ const ChatInputFormattingToolbar = ({
     formatter: formatters
       .map((name) => formatter.find((item) => item.name === name))
       .map((item) => (
-        <Tooltip text={item.name} position="top" key={`formatter-${item.name}`}>
+        <Tooltip
+          text={item.tooltip || item.name}
+          position="top"
+          key={`formatter-${item.name}`}
+        >
           <ActionButton
             square
             disabled={isRecordingMessage}