Merge pull request #169 from glific/auto_translate

Show default language label instead of generic “Default"

Author: akanshaaa19

package.json

@@ -2,7 +2,7 @@
   "name": "@glific/flow-editor",
   "license": "AGPL-3.0",
   "repository": "git://github.com/glific/floweditor.git",
-  "version": "1.43.0-1",
+  "version": "1.43.0-2",
   "description": "'Standalone flow editing tool designed for use within the Glific suite of messaging tools'",
   "browser": "umd/flow-editor.min.js",
   "unpkg": "umd/flow-editor.min.js",

src/components/languageselector/LanguageSelector.module.scss

@@ -37,6 +37,7 @@
     text-decoration: none;
     color: $gray;
     cursor: default;
+    font-weight: 500;
   }
 }
 

src/components/languageselector/LanguageSelector.tsx

@@ -52,6 +52,7 @@ export class LanguageSelector extends React.Component<LanguageSelectorProps> {
 
     const languages = Object.keys(this.props.languages.items)
       .map((iso: string) => this.props.languages.items[iso])
+      .filter((lang: Asset) => !lang.content?.default)
       .sort(this.handleLanguageSort);
 
     if (languages.length === 1) {
@@ -101,7 +102,4 @@ const mapDispatchToProps = (dispatch: DispatchWithState) =>
     dispatch
   );
 
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(LanguageSelector);
+export default connect(mapStateToProps, mapDispatchToProps)(LanguageSelector);

src/store/thunks.ts

@@ -371,10 +371,18 @@ export const loadFlowDefinition = (details: FlowDetails, assetStore: AssetStore)
     language = assetStore.languages.items[definition.language];
   }
 
+  const defaultLanguage = Object.values(assetStore.languages.items).find(
+    (lang: any) => lang.content.default
+  );
+
   if (!language) {
-    language = DEFAULT_LANGUAGE;
-    dispatch(mergeEditorState({ language: DEFAULT_LANGUAGE }));
-    mergeAssetMaps(assetStore.languages.items, { base: DEFAULT_LANGUAGE });
+    const defaultTab = {
+      ...DEFAULT_LANGUAGE,
+      name: defaultLanguage ? `Default (${defaultLanguage.name})` : DEFAULT_LANGUAGE.name
+    };
+    language = defaultTab;
+    dispatch(mergeEditorState({ language: defaultTab }));
+    mergeAssetMaps(assetStore.languages.items, { base: defaultTab });
   }
 
   if (details.issues) {