chore: add voice message input string set

sendbird · Nov 3, 2023 · 1d6a8e2 · 1d6a8e2
1 parent c30a87b
commit 1d6a8e2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/packages/uikit-react-native/src/components/ChannelInput/VoiceMessageInput.tsx b/packages/uikit-react-native/src/components/ChannelInput/VoiceMessageInput.tsx
@@ -12,6 +12,7 @@ import {
 } from '@sendbird/uikit-react-native-foundation';
 import { millsToMMSS } from '@sendbird/uikit-utils';
 
+import { useLocalization } from '../../hooks/useContext';
 import useVoiceMessageInput from '../../hooks/useVoiceMessageInput';
 import type { FileType } from '../../platform/types';
 
@@ -21,6 +22,7 @@ export type VoiceMessageInputProps = {
 };
 
 const VoiceMessageInput = ({ onClose, onSend }: VoiceMessageInputProps) => {
+  const { STRINGS } = useLocalization();
   const { colors, palette, select } = useUIKitTheme();
   const { actions, state } = useVoiceMessageInput((file, duration) => onSend({ file, duration }));
 
@@ -114,7 +116,7 @@ const VoiceMessageInput = ({ onClose, onSend }: VoiceMessageInputProps) => {
       <Box height={34} alignItems={'center'} justifyContent={'center'}>
         {/** Cancel / Send **/}
         <Box flexDirection={'row'}>
-          <CancelButton label={'Cancel'} onPress={onPressCancel} />
+          <CancelButton label={STRINGS.LABELS.VOICE_MESSAGE_INPUT_CANCEL} onPress={onPressCancel} />
           <Box flex={1} />
           <SendButton disabled={state.status === 'idle' || lessThanMinimumDuration} onPress={onPressSend} />
         </Box>

diff --git a/packages/uikit-react-native/src/localization/StringSet.type.ts b/packages/uikit-react-native/src/localization/StringSet.type.ts
@@ -294,6 +294,7 @@ export interface StringSet {
 
     /** Voice message **/
     VOICE_MESSAGE: string;
+    VOICE_MESSAGE_INPUT_CANCEL: string;
   };
   FILE_VIEWER: {
     TITLE: (message: SendbirdFileMessage) => string;

diff --git a/packages/uikit-react-native/src/localization/createBaseStringSet.ts b/packages/uikit-react-native/src/localization/createBaseStringSet.ts
@@ -315,6 +315,7 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
         return 'Unknown message';
       },
       VOICE_MESSAGE: 'Voice message',
+      VOICE_MESSAGE_INPUT_CANCEL: 'Cancel',
       ...overrides?.LABELS,
     },
     FILE_VIEWER: {