refactor(LanguageLabeledIcon): set language code to uppercase and min…

…or storybook change
eea · May 5, 2022 · ac28693 · ac28693
1 parent 7000d24
commit ac28693
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/ui/LabeledIconGroup/LabeledIconGroup.stories.jsx b/src/ui/LabeledIconGroup/LabeledIconGroup.stories.jsx
@@ -60,7 +60,7 @@ Default.args = {
     ],
   },
   language: {
-    label: 'Repost Language',
+    label: 'Language',
     icon: <i className="ri-global-line"></i>,
     items: [
       { name: 'English', code: 'en' },

diff --git a/src/ui/LanguageLabeledIcon/LanguageLabeledIcon.jsx b/src/ui/LanguageLabeledIcon/LanguageLabeledIcon.jsx
@@ -63,7 +63,7 @@ const Dropdown = ({ children, ...rest }) => {
                 role="button"
                 tabIndex={0}
               >
-                {item.name} <span>{item.code}</span>
+                {item.name} <span>{item.code.toUpperCase()}</span>
               </div>
             </li>
           ))}
@@ -77,7 +77,7 @@ const Dropdown = ({ children, ...rest }) => {
                 role="button"
                 tabIndex={0}
               >
-                {item.name} <span>{item.code}</span>
+                {item.name} <span>{item.code.toUpperCase()}</span>
               </div>
             </li>
           ))}

diff --git a/src/ui/LanguageLabeledIcon/LanguageLabeledIcon.stories.jsx b/src/ui/LanguageLabeledIcon/LanguageLabeledIcon.stories.jsx
@@ -50,7 +50,7 @@ const Template = (args) => (
 
 export const Default = Template.bind({});
 Default.args = {
-  label: 'Repost Language',
+  label: 'Language',
   icon: <i className="ri-global-line"></i>,
   items: [
     { name: 'English', code: 'en' },