stream-chat-react 13.13.0 → 13.13.2

package/dist/components/TextareaComposer/SuggestionList/CommandItem.js

@@ -1,11 +1,29 @@
+import { useMemo } from 'react';
 import React from 'react';
+import { useTranslationContext } from '../../../context';
 export const CommandItem = (props) => {
+    const { t } = useTranslationContext();
     const { entity } = props;
+    const knownArgsTranslations = useMemo(() => ({
+        ban: t('ban-command-args'),
+        giphy: t('giphy-command-args'),
+        mute: t('mute-command-args'),
+        unban: t('unban-command-args'),
+        unmute: t('unmute-command-args'),
+    }), [t]);
+    const knownDescriptionTranslations = useMemo(() => ({
+        ban: t('ban-command-description'),
+        giphy: t('giphy-command-description'),
+        mute: t('mute-command-description'),
+        unban: t('unban-command-description'),
+        unmute: t('unmute-command-description'),
+    }), [t]);
     return (React.createElement("div", { className: 'str-chat__slash-command' },
         React.createElement("span", { className: 'str-chat__slash-command-header' },
             React.createElement("strong", null, entity.name),
-            " ",
-            entity.args),
+            ' ',
+            entity.args && (knownArgsTranslations[entity.name ?? ''] ?? t(entity.args))),
         React.createElement("br", null),
-        React.createElement("span", { className: 'str-chat__slash-command-description' }, entity.description)));
+        React.createElement("span", { className: 'str-chat__slash-command-description' }, entity.description &&
+            (knownDescriptionTranslations[entity.name ?? ''] ?? t(entity.description)))));
 };