fix after release bug

Author: Francesca-Bit

packages/tdb-documents-ui-template/src/ListDocumentsComponent.js

@@ -4,7 +4,7 @@ import Stack from 'react-bootstrap/Stack'
 import {HiPlusSm} from "react-icons/hi"
 import { DocumentsGraphqlTable } from "./components/DocumentsGraphqlTable";
 
-export const ListDocumentsComponent = ({type, apolloClient, tableConfig , advancedSearchConfig, onRowClick, 
+export const ListDocumentsComponent = ({commit,type, apolloClient, tableConfig , advancedSearchConfig, onRowClick, 
                                      onDeleteButtonClick,
                                      onViewButtonClick,
                                      onEditButtonClick,
@@ -26,6 +26,7 @@ export const ListDocumentsComponent = ({type, apolloClient, tableConfig , advanc
             </Card.Header>
             <Card.Body className="text-break">
             <DocumentsGraphqlTable tableConfig={tableConfig} 
+                    commit={commit}
                     type={type} 
                     advancedSearchConfig={advancedSearchConfig}
                     gqlQuery={gqlQuery}

packages/tdb-documents-ui-template/src/components/DocumentsGraphqlTable.js

@@ -9,7 +9,7 @@ import {RiDeleteBin7Line, RiEdit2Fill} from "react-icons/ri"
 import {HiOutlineDocument} from "react-icons/hi"
 
 //to be review
-export const DocumentsGraphqlTable = ({gqlQuery,apolloClient,tableConfig, advancedSearchConfig, type, onRowClick, onViewButtonClick, onEditButtonClick, onDeleteButtonClick, showGraphqlTab=true}) => {
+export const DocumentsGraphqlTable = ({commit,gqlQuery,apolloClient,tableConfig, advancedSearchConfig, type, onRowClick, onViewButtonClick, onEditButtonClick, onDeleteButtonClick, showGraphqlTab=true}) => {
     if(!tableConfig || !gqlQuery) return ''
     const query = gqlQuery//gql`${querystr}`
    // const [advSearchFields,setAdvFields] = useState(false)
@@ -46,7 +46,7 @@ export const DocumentsGraphqlTable = ({gqlQuery,apolloClient,tableConfig, advanc
             setQueryTodisplay(format(queryStr))
 
        }
-    },[type]);
+    },[type,commit]);
 
     function onRowClickCall(row){
         if (onRowClick) {

packages/tdb-react-components/src/queryeditor/Editor.js

@@ -1,4 +1,4 @@
-import React,{useState} from "react";
+import React,{useEffect, useState} from "react";
 
 import CodeMirror from "@uiw/react-codemirror"
 import { vscodeDark } from '@uiw/codemirror-theme-vscode';
@@ -25,6 +25,10 @@ export const CodeViewer = ({text, language, theme}) => {
 export const CodeEditor = ({text, language, onChange, onBlur, theme}) => {
     const [value,setValue] = useState(text || "")
 
+    useEffect(() => {
+        setValue(text)
+    }, [language])
+    
     const onChangeHandler = React.useCallback((value, viewUpdate) => {
         setValue(value)
     }, []);

packages/tdb-react-components/src/queryeditor/WOQLEditor.js

@@ -5,7 +5,7 @@ import {makeWOQLFromString} from "./queryPaneUtils"
 /**
  * Controls the display of query viewer and editor
  */
-export const WOQLEditor = ({editorObject, editable, setEditorContent, setMainError, setWOQLQuery, theme}) => {
+export const WOQLEditor = ({language, editorObject, editable, setEditorContent, setMainError, setWOQLQuery, theme}) => {
 
     const [syntaxError, setSyntaxError] = useState(false)
     WOQLEditor.propTypes = {
@@ -52,7 +52,7 @@ export const WOQLEditor = ({editorObject, editable, setEditorContent, setMainErr
 
     return <React.Fragment>
                 {syntaxError && <h4 className="text-danger">{syntaxError}</h4>}
-                <CodeEditor  onBlur={onBlur} text={editorObject.text} theme={theme}/>
+                <CodeEditor  language={language} onBlur={onBlur} text={editorObject.text} theme={theme}/>
             </React.Fragment>  
 
     return(