@firedesktop/react-base 1.8.0 → 1.9.0

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.
Files changed (8) hide show
  1. package/dist/ConfigurationLoader.js +57 -9
  2. package/dist/ConfigurationLoader.js.map +1 -1
  3. package/dist/LanguageLoader.d.ts +2 -2
  4. package/dist/LanguageLoader.js +55 -11
  5. package/dist/LanguageLoader.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/lib/ConfigurationLoader.tsx +13 -10
  8. package/src/lib/LanguageLoader.tsx +17 -13
package/dist/ConfigurationLoader.js CHANGED
@@ -1,3 +1,39 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ var __generator = (this && this.__generator) || function (thisArg, body) {
11
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
+ function verb(n) { return function (v) { return step([n, v]); }; }
14
+ function step(op) {
15
+ if (f) throw new TypeError("Generator is already executing.");
16
+ while (_) try {
17
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
18
+ if (y = 0, t) op = [op[0] & 2, t.value];
19
+ switch (op[0]) {
20
+ case 0: case 1: t = op; break;
21
+ case 4: _.label++; return { value: op[1], done: false };
22
+ case 5: _.label++; y = op[1]; op = [0]; continue;
23
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
+ default:
25
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
+ if (t[2]) _.ops.pop();
30
+ _.trys.pop(); continue;
31
+ }
32
+ op = body.call(thisArg, _);
33
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
+ }
36
+ };
1
37
  import React, { useEffect } from "react";
2
38
  import { useDispatch, useSelector } from "react-redux";
3
39
  import ConfigurationManager from './ConfigurationManager';
@@ -10,17 +46,29 @@ function ConfigurationLoader(_a) {
10
46
  if (path)
11
47
  fullPath = path;
12
48
  useEffect(function () {
13
- if (!configuration) {
14
- console.log("Loading Configuration for this Site in this path: " + fullPath);
15
- loadConfiguration(fullPath).then(function (response) {
16
- console.log("Loaded Configuration for this Site in this path: " + fullPath, response);
17
- dispatch(updateAppState("configuration", response));
18
- })
19
- .catch(function (err) {
20
- console.log("Problem loading the Site Configuration in this path: " + fullPath);
49
+ function justAsync() {
50
+ return __awaiter(this, void 0, void 0, function () {
51
+ return __generator(this, function (_a) {
52
+ switch (_a.label) {
53
+ case 0:
54
+ if (!!configuration) return [3, 2];
55
+ console.log("Loading Configuration for this Site in this path: " + fullPath);
56
+ return [4, loadConfiguration(fullPath).then(function (response) {
57
+ console.log("Loaded Configuration for this Site in this path: " + fullPath, response);
58
+ dispatch(updateAppState("configuration", response));
59
+ }).catch(function (err) {
60
+ console.log("Problem loading the Site Configuration in this path: " + fullPath);
61
+ })];
62
+ case 1:
63
+ _a.sent();
64
+ _a.label = 2;
65
+ case 2: return [2];
66
+ }
67
+ });
21
68
  });
22
69
  }
23
- }, [configuration, dispatch, loadConfiguration, fullPath, updateAppState]);
70
+ justAsync();
71
+ }, []);
24
72
  return (React.createElement(React.Fragment, null));
25
73
  }
26
74
  export default ConfigurationLoader;
package/dist/ConfigurationLoader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ConfigurationLoader.js","sourceRoot":"","sources":["../src/lib/ConfigurationLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAQ1D,SAAS,mBAAmB,CAAC,EAAuD;QAArD,cAAc,oBAAA,EAAE,IAAI,UAAA;IAC/C,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,aAAa,GAAU,WAAW,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,cAArC,CAAsC;IACnD,IAAA,iBAAiB,GAAK,oBAAoB,EAAE,kBAA3B,CAA4B;IAErD,IAAI,QAAQ,GAAG,6BAA6B,CAAC;IAC7C,IAAI,IAAI;QACJ,QAAQ,GAAG,IAAI,CAAC;IAEpB,SAAS,CAAC;QACN,IAAI,CAAC,aAAa,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,uDAAqD,QAAU,CAAC,CAAC;YAC7E,iBAAiB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;gBAC3C,OAAO,CAAC,GAAG,CAAC,sDAAoD,QAAU,EAAE,QAAQ,CAAC,CAAC;gBACtF,QAAQ,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;YACxD,CAAC,CAAC;iBACD,KAAK,CAAC,UAAC,GAAQ;gBACZ,OAAO,CAAC,GAAG,CAAC,0DAAwD,QAAU,CAAC,CAAC;YACpF,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3E,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"ConfigurationLoader.js","sourceRoot":"","sources":["../src/lib/ConfigurationLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAQ1D,SAAS,mBAAmB,CAAC,EAAuD;QAArD,cAAc,oBAAA,EAAE,IAAI,UAAA;IAC/C,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,aAAa,GAAU,WAAW,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,cAArC,CAAsC;IACnD,IAAA,iBAAiB,GAAK,oBAAoB,EAAE,kBAA3B,CAA4B;IAErD,IAAI,QAAQ,GAAG,6BAA6B,CAAC;IAC7C,IAAI,IAAI;QACJ,QAAQ,GAAG,IAAI,CAAC;IAEpB,SAAS,CAAC;QACN,SAAe,SAAS;;;;;iCAChB,CAAC,aAAa,EAAd,cAAc;4BACd,OAAO,CAAC,GAAG,CAAC,uDAAqD,QAAU,CAAC,CAAC;4BAC7E,WAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;oCACjD,OAAO,CAAC,GAAG,CAAC,sDAAoD,QAAU,EAAE,QAAQ,CAAC,CAAC;oCACtF,QAAQ,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;gCAExD,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,GAAQ;oCACd,OAAO,CAAC,GAAG,CAAC,0DAAwD,QAAU,CAAC,CAAC;gCACpF,CAAC,CAAC,EAAA;;4BANF,SAME,CAAC;;;;;;SAEV;QACD,SAAS,EAAE,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,mBAAmB,CAAC"}
package/dist/LanguageLoader.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  export declare type languageLoaderParamsType = {
3
3
  updateAppState: any;
4
- locale: string;
4
+ language: string;
5
5
  path: string | null;
6
6
  };
7
- declare function LanguageLoader({ updateAppState, locale, path }: languageLoaderParamsType): JSX.Element;
7
+ declare function LanguageLoader({ updateAppState, language, path }: languageLoaderParamsType): JSX.Element;
8
8
  export default LanguageLoader;
package/dist/LanguageLoader.js CHANGED
@@ -1,27 +1,71 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ var __generator = (this && this.__generator) || function (thisArg, body) {
11
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
+ function verb(n) { return function (v) { return step([n, v]); }; }
14
+ function step(op) {
15
+ if (f) throw new TypeError("Generator is already executing.");
16
+ while (_) try {
17
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
18
+ if (y = 0, t) op = [op[0] & 2, t.value];
19
+ switch (op[0]) {
20
+ case 0: case 1: t = op; break;
21
+ case 4: _.label++; return { value: op[1], done: false };
22
+ case 5: _.label++; y = op[1]; op = [0]; continue;
23
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
+ default:
25
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
+ if (t[2]) _.ops.pop();
30
+ _.trys.pop(); continue;
31
+ }
32
+ op = body.call(thisArg, _);
33
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
+ }
36
+ };
1
37
  import React, { useEffect } from "react";
2
38
  import { useDispatch, useSelector } from "react-redux";
3
39
  import LanguageManager from './LanguageManager';
4
40
  function LanguageLoader(_a) {
5
- var updateAppState = _a.updateAppState, locale = _a.locale, path = _a.path;
41
+ var updateAppState = _a.updateAppState, language = _a.language, path = _a.path;
6
42
  var dispatch = useDispatch();
7
43
  var labels = useSelector(function (state) { return state; }).labels;
8
44
  var loadLabels = LanguageManager().loadLabels;
9
- var fileName = locale + ".json";
45
+ var fileName = language + ".json";
10
46
  var fullPath = "./labels/" + fileName;
11
47
  if (path)
12
48
  fullPath = "./" + path + "/" + fileName;
13
49
  useEffect(function () {
14
- if (!labels.language || labels.language !== locale) {
15
- console.log("Loading Language Labels for this Site in this path: " + fullPath);
16
- loadLabels(fullPath).then(function (response) {
17
- console.log("Loaded Language Labels for this Site in this path: " + fullPath, response);
18
- dispatch(updateAppState("labels", response));
19
- })
20
- .catch(function (err) {
21
- console.log("Problem loading the Site Language Labels in this path: " + fullPath);
50
+ function justAsync() {
51
+ return __awaiter(this, void 0, void 0, function () {
52
+ return __generator(this, function (_a) {
53
+ if (!labels.language || labels.language !== language) {
54
+ console.log("Loading Language Labels for this Site in this path: " + fullPath);
55
+ loadLabels(fullPath).then(function (response) {
56
+ console.log("Loaded Language Labels for this Site in this path: " + fullPath, response);
57
+ dispatch(updateAppState("labels", response));
58
+ })
59
+ .catch(function (err) {
60
+ console.log("Problem loading the Site Language Labels in this path: " + fullPath);
61
+ });
62
+ }
63
+ return [2];
64
+ });
22
65
  });
23
66
  }
24
- }, [labels, dispatch, loadLabels, fullPath, updateAppState]);
67
+ justAsync();
68
+ }, [language]);
25
69
  return (React.createElement(React.Fragment, null));
26
70
  }
27
71
  export default LanguageLoader;
package/dist/LanguageLoader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LanguageLoader.js","sourceRoot":"","sources":["../src/lib/LanguageLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAShD,SAAS,cAAc,CAAC,EAA0D;QAAxD,cAAc,oBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IAClD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,MAAM,GAAU,WAAW,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,OAArC,CAAsC;IAC5C,IAAA,UAAU,GAAK,eAAe,EAAE,WAAtB,CAAuB;IAEzC,IAAM,QAAQ,GAAM,MAAM,UAAO,CAAC;IAElC,IAAI,QAAQ,GAAG,cAAY,QAAU,CAAC;IACtC,IAAI,IAAI;QACJ,QAAQ,GAAG,OAAK,IAAI,SAAI,QAAU,CAAC;IAEvC,SAAS,CAAC;QACN,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,KAAK,MAAM,EAAE;YAChD,OAAO,CAAC,GAAG,CAAC,yDAAuD,QAAU,CAAC,CAAC;YAC/E,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;gBACpC,OAAO,CAAC,GAAG,CAAC,wDAAsD,QAAU,EAAE,QAAQ,CAAC,CAAC;gBACxF,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC;iBACG,KAAK,CAAC,UAAC,GAAQ;gBACZ,OAAO,CAAC,GAAG,CAAC,4DAA0D,QAAU,CAAC,CAAC;YACtF,CAAC,CAAC,CAAC;SACV;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE7D,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"LanguageLoader.js","sourceRoot":"","sources":["../src/lib/LanguageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAShD,SAAS,cAAc,CAAC,EAA4D;QAA1D,cAAc,oBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACpD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,MAAM,GAAU,WAAW,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,OAArC,CAAsC;IAC5C,IAAA,UAAU,GAAK,eAAe,EAAE,WAAtB,CAAuB;IAEzC,IAAM,QAAQ,GAAM,QAAQ,UAAO,CAAC;IAEpC,IAAI,QAAQ,GAAG,cAAY,QAAU,CAAC;IACtC,IAAI,IAAI;QACJ,QAAQ,GAAG,OAAK,IAAI,SAAI,QAAU,CAAC;IAGvC,SAAS,CAAC;QACN,SAAe,SAAS;;;oBACpB,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE;wBAClD,OAAO,CAAC,GAAG,CAAC,yDAAuD,QAAU,CAAC,CAAC;wBAC/E,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;4BACpC,OAAO,CAAC,GAAG,CAAC,wDAAsD,QAAU,EAAE,QAAQ,CAAC,CAAC;4BACxF,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;wBACjD,CAAC,CAAC;6BACG,KAAK,CAAC,UAAC,GAAQ;4BACZ,OAAO,CAAC,GAAG,CAAC,4DAA0D,QAAU,CAAC,CAAC;wBACtF,CAAC,CAAC,CAAC;qBACV;;;;SACJ;QACD,SAAS,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@firedesktop/react-base",
3
- "version": "1.8.0",
3
+ "version": "1.9.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "description": "This is the FireDesktop base package used to support every React Project in this Company.",
package/src/lib/ConfigurationLoader.tsx CHANGED
@@ -19,17 +19,20 @@ function ConfigurationLoader({ updateAppState, path }: configurationLoaderParams
19
19
  fullPath = path;
20
20
 
21
21
  useEffect(() => {
22
- if (!configuration) {
23
- console.log(`Loading Configuration for this Site in this path: ${fullPath}`);
24
- loadConfiguration(fullPath).then((response: any) => {
25
- console.log(`Loaded Configuration for this Site in this path: ${fullPath}`, response);
26
- dispatch(updateAppState("configuration", response));
27
- })
28
- .catch((err: any) => {
29
- console.log(`Problem loading the Site Configuration in this path: ${fullPath}`);
30
- });
22
+ async function justAsync() {
23
+ if (!configuration) {
24
+ console.log(`Loading Configuration for this Site in this path: ${fullPath}`);
25
+ await loadConfiguration(fullPath).then((response: any) => {
26
+ console.log(`Loaded Configuration for this Site in this path: ${fullPath}`, response);
27
+ dispatch(updateAppState("configuration", response));
28
+
29
+ }).catch((err: any) => {
30
+ console.log(`Problem loading the Site Configuration in this path: ${fullPath}`);
31
+ });
32
+ }
31
33
  }
32
- }, [configuration, dispatch, loadConfiguration, fullPath, updateAppState]);
34
+ justAsync();
35
+ }, []);
33
36
 
34
37
  return (
35
38
  <React.Fragment>
package/src/lib/LanguageLoader.tsx CHANGED
@@ -5,34 +5,38 @@ import LanguageManager from './LanguageManager';
5
5
 
6
6
  export type languageLoaderParamsType = {
7
7
  updateAppState: any,
8
- locale: string,
8
+ language: string,
9
9
  path: string | null,
10
10
  // toggle: (confirm: boolean) => void
11
11
  }
12
12
 
13
- function LanguageLoader({ updateAppState, locale, path }: languageLoaderParamsType) {
13
+ function LanguageLoader({ updateAppState, language, path }: languageLoaderParamsType) {
14
14
  const dispatch = useDispatch();
15
15
  const { labels }: any = useSelector(state => state);
16
16
  const { loadLabels } = LanguageManager();
17
17
 
18
- const fileName = `${locale}.json`;
18
+ const fileName = `${language}.json`;
19
19
 
20
20
  let fullPath = `./labels/${fileName}`;
21
21
  if (path)
22
22
  fullPath = `./${path}/${fileName}`;
23
23
 
24
+ // Do it on change language
24
25
  useEffect(() => {
25
- if (!labels.language || labels.language !== locale) {
26
- console.log(`Loading Language Labels for this Site in this path: ${fullPath}`);
27
- loadLabels(fullPath).then((response: any) => {
28
- console.log(`Loaded Language Labels for this Site in this path: ${fullPath}`, response);
29
- dispatch(updateAppState("labels", response));
30
- })
31
- .catch((err: any) => {
32
- console.log(`Problem loading the Site Language Labels in this path: ${fullPath}`);
33
- });
26
+ async function justAsync() {
27
+ if (!labels.language || labels.language !== language) {
28
+ console.log(`Loading Language Labels for this Site in this path: ${fullPath}`);
29
+ loadLabels(fullPath).then((response: any) => {
30
+ console.log(`Loaded Language Labels for this Site in this path: ${fullPath}`, response);
31
+ dispatch(updateAppState("labels", response));
32
+ })
33
+ .catch((err: any) => {
34
+ console.log(`Problem loading the Site Language Labels in this path: ${fullPath}`);
35
+ });
36
+ }
34
37
  }
35
- }, [labels, dispatch, loadLabels, fullPath, updateAppState]);
38
+ justAsync();
39
+ }, [language]);
36
40
 
37
41
  return (
38
42
  <React.Fragment>