From eee53432fe72eb38babc7c2778c1bb4372b970b9 Mon Sep 17 00:00:00 2001
From: Turner Hayes <dev@turnerhayes.com>
Date: Sat, 24 Nov 2018 20:35:07 -0500
Subject: [PATCH] Replace more snippet references

---
 src/components/dev/DevHud.js    |  2 +-
 src/localization/all.js         |  2 +-
 src/localization/en.js          |  2 +-
 src/utils/getTextForLanguage.js | 12 ++++++------
 src/utils/interpolation.js      |  6 +++---
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/dev/DevHud.js b/src/components/dev/DevHud.js
index f5682503..ed9f05e5 100644
--- a/src/components/dev/DevHud.js
+++ b/src/components/dev/DevHud.js
@@ -47,7 +47,7 @@ const DevMenu = function ({ devProps, funcs, data, state }) {
         </Button>
       </Menu.Item>
 
-      <Menu.Item header> Snippets</Menu.Item>
+      <Menu.Item header>Translations</Menu.Item>
       <Menu.Item>
         <Checkbox
           label    = { `Mark English translations` }
diff --git a/src/localization/all.js b/src/localization/all.js
index 27c354de..20c1ddd7 100644
--- a/src/localization/all.js
+++ b/src/localization/all.js
@@ -11,7 +11,7 @@ import ZH from './zh';
  * @summary Exports a function which returns a deep clone of the language translation objects.
  * 
  * @description 
- * interpolateSnippets() mutates it's localization object, whereas Localization Report in DevHud
+ * interpolateTranslations() mutates its localization object, whereas Localization Report in DevHud
  * compares the raw objects contained in localization files.  By providing a function which returns 
  * cloned data instead of a reference to the imported objects, the two can coexist.
 */
diff --git a/src/localization/en.js b/src/localization/en.js
index 4654f471..e6a05ee4 100644
--- a/src/localization/en.js
+++ b/src/localization/en.js
@@ -328,7 +328,7 @@ export default {
       // Benefit Programs Graph, showing benefit programs as lines not areas:
       benefitProgramsTitle_v3:    `Individual Benefit Amounts as Pay Changes`, // maybe rename as benefitProgramsSubTitle_v1 ? see also BenefitsLineGraph.js
       benefitValue_v1:            `Benefit Value ($)`, // see BenefitsLineGraph.js
-      // Snippets that are used in more than one chart, table, or graph:
+      // Translations that are used in more than one chart, table, or graph:
       totalMoney_v1:              `Total Money Coming In ($)`, // see StackedAreaGraph.js, StackedBarGraph.js
       weeklyPay_v2:               `Weekly Pay ($)`,
       monthlyPay_v2:              `Monthly Pay ($)`,
diff --git a/src/utils/getTextForLanguage.js b/src/utils/getTextForLanguage.js
index f86c668a..4beab951 100644
--- a/src/utils/getTextForLanguage.js
+++ b/src/utils/getTextForLanguage.js
@@ -2,7 +2,7 @@
 
 // TRANSFORMER FUNCTIONS
 import { mergeWith } from 'lodash';
-import { interpolateSnippets } from './interpolation.js';
+import { interpolateTranslations } from './interpolation.js';
 
 // DATA
 import { getLocalizationData } from '../localization/all';
@@ -12,7 +12,7 @@ import inlineComponents from '../localization/inlineComponents';
 const localizations = getLocalizationData();
 
 // store interpolated and (if necessary) merged translations objects
-let finishedSnippets = { en: interpolateSnippets(localizations.en, inlineComponents) };
+let finishedTranslations = { en: interpolateTranslations(localizations.en, inlineComponents) };
 
 /** Customizes Lodash's mergeWith function to replace arrays completely
  * (to avoid arrays of English strings being mixed with arrays of translated
@@ -35,16 +35,16 @@ const getTextForLanguage = function (langCode) {
     langCode = 'en';
   }
 
-  if (!finishedSnippets[ langCode ]) {
+  if (!finishedTranslations[ langCode ]) {
     // interpolate translations and merge with English (filling in any gaps)
-    const interpolatedSnippets = interpolateSnippets(localizations[ langCode ], inlineComponents);
+    const interpolatedTranslations = interpolateTranslations(localizations[ langCode ], inlineComponents);
 
     // deeply merge the object containing translations in langName with English,
     // so that we fall back to English if a particular field is missing.
-    finishedSnippets[ langCode ] =  mergeWith({}, finishedSnippets.en, interpolatedSnippets, mergeCustomizer);
+    finishedTranslations[ langCode ] =  mergeWith({}, finishedTranslations.en, interpolatedTranslations, mergeCustomizer);
   }
 
-  return finishedSnippets[ langCode ];
+  return finishedTranslations[ langCode ];
 };  // End getTextForLanguage()
 
 
diff --git a/src/utils/interpolation.js b/src/utils/interpolation.js
index e92ac8f8..23c81dd3 100644
--- a/src/utils/interpolation.js
+++ b/src/utils/interpolation.js
@@ -41,7 +41,7 @@ const interpolateText = function (template, components, langCode) {
 };
 
 /** Recursively interpolate each template in a translations object */
-const interpolateSnippets = function (translations, components) {
+const interpolateTranslations = function (translations, components) {
   let named        = {},
       versionRegex = /_v\d+$/;
 
@@ -70,7 +70,7 @@ const interpolateSnippets = function (translations, components) {
     } else {
       // else: value is a nested object
       value.langCode = langCode;
-      named[ key ] = interpolateSnippets(value, components);
+      named[ key ] = interpolateTranslations(value, components);
     }
 
   }  // end for every key in translations
@@ -79,4 +79,4 @@ const interpolateSnippets = function (translations, components) {
 };
 
 
-export { interpolateText, interpolateSnippets };
+export { interpolateText, interpolateTranslations };