@designbasekorea/figma-ui 0.1.65 → 0.1.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +14 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +14 -2
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.esm.js
CHANGED
|
@@ -295,12 +295,24 @@ const PaymentBadge = ({ isActive, onClick, isLoading = false, text, t = (key) =>
|
|
|
295
295
|
};
|
|
296
296
|
PaymentBadge.displayName = 'PaymentBadge';
|
|
297
297
|
|
|
298
|
+
let useTranslation = null;
|
|
299
|
+
try {
|
|
300
|
+
const reactI18next = require('react-i18next');
|
|
301
|
+
useTranslation = reactI18next.useTranslation;
|
|
302
|
+
}
|
|
303
|
+
catch (e) {
|
|
304
|
+
}
|
|
298
305
|
const DEFAULT_LANGUAGES = [
|
|
299
306
|
{ code: 'ko', label: 'KO' },
|
|
300
307
|
{ code: 'en', label: 'EN' },
|
|
301
308
|
];
|
|
302
|
-
const LanguageSelector = ({ currentLanguage
|
|
309
|
+
const LanguageSelector = ({ currentLanguage, languages = DEFAULT_LANGUAGES, onLanguageChange, size = 's', className, t }) => {
|
|
310
|
+
const i18n = useTranslation ? useTranslation().i18n : null;
|
|
311
|
+
const activeLanguage = currentLanguage || (i18n?.language) || 'ko';
|
|
303
312
|
const handleLanguageChange = (languageCode) => {
|
|
313
|
+
if (i18n) {
|
|
314
|
+
i18n.changeLanguage(languageCode);
|
|
315
|
+
}
|
|
304
316
|
if (onLanguageChange) {
|
|
305
317
|
onLanguageChange(languageCode);
|
|
306
318
|
}
|
|
@@ -311,7 +323,7 @@ const LanguageSelector = ({ currentLanguage = 'ko', languages = DEFAULT_LANGUAGE
|
|
|
311
323
|
disabled: false
|
|
312
324
|
}));
|
|
313
325
|
return (React.createElement("div", { className: `designbase-figma-language-selector ${className || ''}` },
|
|
314
|
-
React.createElement(SegmentControl, { options: segmentOptions, value:
|
|
326
|
+
React.createElement(SegmentControl, { options: segmentOptions, value: activeLanguage, onChange: handleLanguageChange, size: size, className: "designbase-figma-language-selector__segment" })));
|
|
315
327
|
};
|
|
316
328
|
LanguageSelector.displayName = 'LanguageSelector';
|
|
317
329
|
|