feat: add emporio url as a context property

src/components/Dialogs/LoadTmDialog.jsx

@@ -92,7 +92,6 @@ const initialState = {
   thingModels: [],
   choosenModel: null,
   showUrlForm: false,
-  emporioUrl: `${process.env.REACT_APP_TM_SERVER_SCHEME}://${process.env.REACT_APP_TM_SERVER_HOST}:${process.env.REACT_APP_TM_SERVER_PORT}`,
   pagination: {
     currentPage: 0,
     thingModelsPerPage: 5,
@@ -101,6 +100,7 @@ const initialState = {
 
 export const LoadTmDialog = forwardRef((props, ref) => {
   const context = useContext(ediTDorContext);
+
   const [display, setDisplay] = React.useState(() => {
     return false;
   });
@@ -113,7 +113,6 @@ export const LoadTmDialog = forwardRef((props, ref) => {
     thingModels,
     choosenModel,
     showUrlForm,
-    emporioUrl,
     pagination,
   } = state;
 
@@ -152,7 +151,7 @@ export const LoadTmDialog = forwardRef((props, ref) => {
     page = 0,
     attribute = false,
     searchText,
-    remoteUrl = emporioUrl,
+    remoteUrl = context.tmRepositoryUrl,
   } = {}) => {
     const offset = pagination.thingModelsPerPage * page;
     let url = `${remoteUrl}/models?limit=${pagination.thingModelsPerPage}&offset=${offset}`;
@@ -197,11 +196,7 @@ export const LoadTmDialog = forwardRef((props, ref) => {
       const thingModels = await fetchThingModels({
         remoteUrl: url,
       });
-      dispatch({
-        type: "field",
-        fieldName: "emporioUrl",
-        payload: url,
-      });
+      context.updateTmRepositoryUrl(url);
 
       return dispatch({
         type: "thingModels",
@@ -243,7 +238,7 @@ export const LoadTmDialog = forwardRef((props, ref) => {
     paginate,
     show,
     showUrlForm,
-    emporioUrl,
+    context.tmRepositoryUrl,
     changeThingModelUrl
   );
 
@@ -258,6 +253,7 @@ export const LoadTmDialog = forwardRef((props, ref) => {
           context.updateLinkedTd(undefined);
           context.addLinkedTd(linkedModel);
           context.updateShowConvertBtn(true);
+          context.updateIsThingModel(true);
           context.updateOfflineTD(
             JSON.stringify(choosenModel, null, "\t"),
             "AppHeader"
@@ -292,7 +288,7 @@ const buildForm = (
   return (
     <>
       <SearchBar searchThingModels={searchThingModels} />
-      
+
       <AdvancedOptions
         showUrlForm={showUrlForm}
         emporioUrl={emporioUrl}

src/context/GlobalState.js

@@ -13,11 +13,15 @@
 import React, { useReducer } from 'react';
 
 import EdiTDorContext from './ediTDorContext';
-import { editdorReducer, REMOVE_FORM_FROM_TD, REMOVE_LINK_FROM_TD, UPDATE_IS_THINGMODEL, SET_FILE_HANDLE, UPDATE_IS_MODFIED, UPDATE_OFFLINE_TD, ADD_PROPERTYFORM_TO_TD, ADD_ACTIONFORM_TO_TD, ADD_EVENTFORM_TO_TD, REMOVE_ONE_OF_A_KIND_FROM_TD, UPDATE_SHOW_CONVERT_BTN, ADD_LINKED_TD, UPDATE_LINKED_TD} from './editorReducers';
+import { editdorReducer, REMOVE_FORM_FROM_TD, REMOVE_LINK_FROM_TD, UPDATE_IS_THINGMODEL, SET_FILE_HANDLE, UPDATE_IS_MODFIED, UPDATE_OFFLINE_TD, ADD_PROPERTYFORM_TO_TD, ADD_ACTIONFORM_TO_TD, ADD_EVENTFORM_TO_TD, REMOVE_ONE_OF_A_KIND_FROM_TD, UPDATE_SHOW_CONVERT_BTN,UPDATE_TM_REPOSITORY_URL, ADD_LINKED_TD, UPDATE_LINKED_TD} from './editorReducers';
 
 
 const GlobalState = props => {
-  const [editdorState, dispatch] = useReducer(editdorReducer, { offlineTD: '', theme: 'dark' });
+  const [editdorState, dispatch] = useReducer(editdorReducer, { 
+    offlineTD: '', 
+    theme: 'dark', 
+    tmRepositoryUrl: `${process.env.REACT_APP_TM_SERVER_SCHEME}://${process.env.REACT_APP_TM_SERVER_HOST}:${process.env.REACT_APP_TM_SERVER_PORT}` 
+  });
 
   const updateOfflineTD = (offlineTD, props) => {
     dispatch({ type: UPDATE_OFFLINE_TD, offlineTD: offlineTD });
@@ -59,6 +63,9 @@ const GlobalState = props => {
   const updateShowConvertBtn = showConvertBtn => {
     dispatch({ type: UPDATE_SHOW_CONVERT_BTN, showConvertBtn: showConvertBtn });
   };
+  const updateTmRepositoryUrl = tmRepositoryUrl => {
+    dispatch({ type: UPDATE_TM_REPOSITORY_URL, tmRepositoryUrl: tmRepositoryUrl });
+  };
 
   const addLinkedTd = linkedTd => {
     dispatch({ type: ADD_LINKED_TD, linkedTd: linkedTd });
@@ -79,6 +86,7 @@ const GlobalState = props => {
         fileHandle: editdorState.fileHandle,
         showConvertBtn: editdorState.showConvertBtn,
         linkedTd: editdorState.linkedTd,
+        tmRepositoryUrl: editdorState.tmRepositoryUrl,
         updateOfflineTD,
         updateIsModified,
         updateIsThingModel,
@@ -91,7 +99,8 @@ const GlobalState = props => {
         removeOneOfAKindReducer,
         updateShowConvertBtn,
         addLinkedTd,
-        updateLinkedTd
+        updateLinkedTd,
+        updateTmRepositoryUrl,
       }}
     >
       {props.children}

src/context/editorReducers.js

@@ -21,6 +21,7 @@ export const ADD_ACTIONFORM_TO_TD = 'ADD_ACTIONFORM_TO_TD';
 export const ADD_EVENTFORM_TO_TD = 'ADD_EVENTFORM_TO_TD';
 export const REMOVE_ONE_OF_A_KIND_FROM_TD = 'REMOVE_ONE_OF_A_KIND_FROM_TD';
 export const UPDATE_SHOW_CONVERT_BTN = 'UPDATE_SHOW_CONVERT_BTN';
+export const UPDATE_TM_REPOSITORY_URL = 'UPDATE_TM_REPOSITORY_URL';
 export const ADD_LINKED_TD = 'ADD_LINKED_TD';
 export const UPDATE_LINKED_TD = 'UPDATE_LINKED_TD'
 
@@ -188,6 +189,11 @@ const updateShowConvertBtn = (showConvertBtn, state) => {
   return { ...state, showConvertBtn: showConvertBtn };
 };
 
+const updateTmRepositoryUrl = (tmRepositoryUrl, state) => {
+  console.log('updateTmRepositoryUrl')
+  return { ...state, tmRepositoryUrl: tmRepositoryUrl };
+};
+
 const editdorReducer = (state, action) => {
   switch (action.type) {
     case UPDATE_OFFLINE_TD:
@@ -213,6 +219,8 @@ const editdorReducer = (state, action) => {
       return addEventFormReducer(action.params, state)
     case UPDATE_SHOW_CONVERT_BTN:
       return updateShowConvertBtn(action.showConvertBtn, state);
+    case UPDATE_TM_REPOSITORY_URL:
+      return updateTmRepositoryUrl(action.tmRepositoryUrl, state);
     case ADD_LINKED_TD:
       return addLinkedTd(action.linkedTd,state)
     case UPDATE_LINKED_TD: