Merge pull request #1097 from unfoldingWord/develop-merges-plusfixes-zpp-cn-1201

Additional fixes for 1530

Author: ancientTexts-net

public/build_number

@@ -1 +1 @@
-101-5e4bcea
+102-968a963

src/components/translatable/RowHeaderTq.js

@@ -1,17 +1,37 @@
-import React from 'react';
+import React, {
+  useState, useEffect,
+} from 'react';
 import isEqual from 'lodash.isequal';
 import { makeStyles } from '@material-ui/core/styles';
 
 import { Typography } from '@material-ui/core';
+import QuoteSelector from './QuoteSelector';
 
 function RowHeaderTq({
   bookId,
   rowData,
   actionsMenu,
   delimiters,
+  open,
 }) {
   const classes = useStyles();
-  const reference = rowData[0].split(delimiters.cell)[0]
+  const _quote = rowData[3].split(delimiters.cell)[1];
+  const [quote, setQuote] = useState(_quote);
+
+  useEffect(() => {
+    setQuote(_quote);
+  }, [_quote]);
+  
+  const book = bookId;
+  const chapter = rowData[0].split(delimiters.cell)[1].split(':')[0];
+  const verse = rowData[0].split(delimiters.cell)[1].split(':')[1];
+  const occurrence = rowData[4].split(delimiters.cell)[1];
+  const reference = {
+    bookId: book.toLowerCase(),
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  };
+
   let _component = (
     <div className={classes.defaultHeader}>
       <Typography variant='h6' className={classes.title}>
@@ -20,6 +40,23 @@ function RowHeaderTq({
       {actionsMenu}
     </div>
   );
+  
+  if (reference && reference.bookId && reference.chapter && reference.verse) {
+    _component = (
+      <div className={classes.quoteHeader}>
+        <QuoteSelector
+          reference={reference}
+          quote={quote}
+          onQuote={setQuote}
+          occurrence={occurrence}
+          height='250px'
+          buttons={actionsMenu}
+          open={open}
+        />
+      </div>
+    );
+  }
+  
   return _component;
 };
 

src/components/translatable/TranslatableObsTqTSV.js

@@ -33,7 +33,7 @@ const _config = {
   compositeKeyIndices: [0, 1],
   columnsFilter: ['Reference', 'ID', 'Question','Response'],
   columnsShowDefault: [
-    'Reference','Questions','Response',
+    'Question','Response',
   ],
 }
 ;

src/components/translatable/TranslatableTqTSV.js

@@ -31,7 +31,7 @@ const _config = {
   compositeKeyIndices: [0, 1],
   columnsFilter: ['Reference', 'ID', 'Question','Response'],
   columnsShowDefault: [
-    'Reference','Questions','Response',
+    'Question','Response',
   ],
 }
 ;