From ed65abdb6d196ac363ae2c6bd9f759dd60ac75f5 Mon Sep 17 00:00:00 2001
From: sagarika-padmanaban <sagarikapd@gmail.com>
Date: Fri, 5 Jul 2024 20:02:49 +0530
Subject: [PATCH 1/2] added new changes

---
 src/app/ui/pages/chat/AnnotatePage.jsx        |  4 +--
 .../pages/chat/InstructionDrivenChatPage.js   |  9 ++----
 src/app/ui/pages/chat/ReviewPage.jsx          |  4 +--
 src/app/ui/pages/chat/SuperCheckerPage.jsx    |  4 +--
 src/components/Chat/TextArea.jsx              | 16 +++++++---
 src/components/Project/BasicSettings.jsx      | 11 +++++--
 src/components/Project/TaskTable.jsx          | 30 ++++++++++++++++---
 src/components/common/Header.jsx              |  7 +++--
 src/components/common/Search.jsx              | 15 ++++++++--
 src/utils/Chatlang.js                         |  7 +++++
 10 files changed, 80 insertions(+), 27 deletions(-)
 create mode 100644 src/utils/Chatlang.js

diff --git a/src/app/ui/pages/chat/AnnotatePage.jsx b/src/app/ui/pages/chat/AnnotatePage.jsx
index 3c25536e..c509f10d 100644
--- a/src/app/ui/pages/chat/AnnotatePage.jsx
+++ b/src/app/ui/pages/chat/AnnotatePage.jsx
@@ -688,7 +688,7 @@ const AnnotatePage = () => {
             }}
           >
             <Button
-              value="Back to Project"
+              value="Back to Previous Page"
               startIcon={<ArrowBackIcon />}
               variant="contained"
               color="primary"
@@ -699,7 +699,7 @@ const AnnotatePage = () => {
                 navigate(-1);
               }}
             >
-              Back to Project
+              Back to Previous Page
             </Button>
           </Box>
         </Grid>
diff --git a/src/app/ui/pages/chat/InstructionDrivenChatPage.js b/src/app/ui/pages/chat/InstructionDrivenChatPage.js
index 2103b70d..739441dd 100644
--- a/src/app/ui/pages/chat/InstructionDrivenChatPage.js
+++ b/src/app/ui/pages/chat/InstructionDrivenChatPage.js
@@ -28,6 +28,7 @@ import { gruvboxDark } from "react-syntax-highlighter/dist/esm/styles/prism";
 import PatchAnnotationAPI from "@/app/actions/api/Dashboard/PatchAnnotations";
 import GetTaskAnnotationsAPI from "@/app/actions/api/Dashboard/GetTaskAnnotationsAPI";
 import { Block } from "@mui/icons-material";
+import ChatLang from "@/utils/Chatlang";
 
 const useStyles = makeStyles((theme) => ({
   tooltip: {
@@ -91,6 +92,7 @@ const InstructionDrivenChatPage = ({
   const handleClose = () => {
     setOpen(false);
   };
+  
 
 
   const renderSnackBar = () => {
@@ -522,7 +524,7 @@ const InstructionDrivenChatPage = ({
               {translate("modal.language")}
             </Typography>
             <Typography variant="subtitle1" id="child-modal-description">
-              {info.meta_info_language}
+              {ChatLang[info.meta_info_language]}
             </Typography>
 
             <Button variant="outlined" onClick={handleClose}>
@@ -569,11 +571,6 @@ const InstructionDrivenChatPage = ({
                 {translate("typography.instructions")}
               </Typography>
 
-              {/* <Tooltip title="Hint and Metadata">
-                <IconButton onClick={handleOpen}>
-                  <TipsAndUpdatesIcon color="primary.dark" fontSize="large" />
-                </IconButton>
-              </Tooltip> */}
 
 <Tooltip
       title={
diff --git a/src/app/ui/pages/chat/ReviewPage.jsx b/src/app/ui/pages/chat/ReviewPage.jsx
index 040c29cf..cd886536 100644
--- a/src/app/ui/pages/chat/ReviewPage.jsx
+++ b/src/app/ui/pages/chat/ReviewPage.jsx
@@ -961,7 +961,7 @@ const ReviewPage = () => {
             }}
           >
             <Button
-              value="Back to Project"
+              value="Back to Previous Page"
               startIcon={<ArrowBackIcon />}
               variant="contained"
               color="primary"
@@ -973,7 +973,7 @@ const ReviewPage = () => {
                 //window.location.reload();
               }}
             >
-              Back to Project
+             Back to Previous Page
             </Button>
           </Box>
         </Grid>
diff --git a/src/app/ui/pages/chat/SuperCheckerPage.jsx b/src/app/ui/pages/chat/SuperCheckerPage.jsx
index cfd96d48..b96ebea7 100644
--- a/src/app/ui/pages/chat/SuperCheckerPage.jsx
+++ b/src/app/ui/pages/chat/SuperCheckerPage.jsx
@@ -787,7 +787,7 @@ const SuperCheckerPage = () => {
             }}
           >
             <Button
-              value="Back to Project"
+              value="Back to Previous Page"
               startIcon={<ArrowBackIcon />}
               variant="contained"
               color="primary"
@@ -799,7 +799,7 @@ const SuperCheckerPage = () => {
                 //window.location.reload();
               }}
             >
-              Back to Project
+              Back to Previous Page
             </Button>
           </Box>
         </Grid>
diff --git a/src/components/Chat/TextArea.jsx b/src/components/Chat/TextArea.jsx
index a8e6ff79..5ddebcbc 100644
--- a/src/components/Chat/TextArea.jsx
+++ b/src/components/Chat/TextArea.jsx
@@ -36,10 +36,18 @@ export default function Textarea({
   /* eslint-disable react-hooks/exhaustive-deps */
 
   const [text, setText] = useState("");
-  const targetLang = localStorage.getItem("language") || "en";
-  const globalTransliteration =
-    localStorage.getItem("globalTransliteration") === "true" ? true : false;
+  const [targetLang, setTargetLang] = useState( localStorage.getItem("language"));
 
+  const [globalTransliteration, setGlobalTransliteration] = useState(localStorage.getItem("globalTransliteration"));
+  useEffect(() => {
+    const storedGlobalTransliteration = localStorage.getItem("globalTransliteration");
+    const storedLanguage = localStorage.getItem("language") ;
+    setGlobalTransliteration(storedGlobalTransliteration);
+    setTargetLang(storedLanguage);
+    console.log(typeof(globalTransliteration),typeof(localStorage.getItem("globalTransliteration")));
+  }, [text]);
+
+ 
   useEffect(() => {
     if (text != "") {
       handleOnchange(text);
@@ -125,7 +133,7 @@ export default function Textarea({
       width={grid_size}
       className={class_name}
     >
-      {globalTransliteration ? (
+      {globalTransliteration==="true"? (
         <IndicTransliterate
           renderComponent={(props) => (
             <textarea
diff --git a/src/components/Project/BasicSettings.jsx b/src/components/Project/BasicSettings.jsx
index b6d394a0..fe42ba31 100644
--- a/src/components/Project/BasicSettings.jsx
+++ b/src/components/Project/BasicSettings.jsx
@@ -11,7 +11,7 @@ import CustomizedSnackbars from "../common/Snackbar";
 import Spinner from "../common/Spinner";
 import {fetchLanguages} from "@/Lib/Features/fetchLanguages";
 import GetSaveButtonAPI from "@/app/actions/api/Projects/getSaveButtonAPI";
-import getWorkspaceDetails from "@/Lib/Features/getWorkspaceDetails";
+import getWorkspaceDetails, { fetchWorkspaceDetails } from "@/Lib/Features/getWorkspaceDetails";
 import { FetchLoggedInUserData } from "@/Lib/Features/getLoggedInData";
 
 
@@ -42,7 +42,14 @@ const BasicSettings = (props) => {
 
     const isManager = workspaceManagers?.some(manager => manager.id === loggedInUserData.id);
 
-
+    const getWorkspaceDetails = ()=>{
+        dispatch(fetchWorkspaceDetails(ProjectDetails?.workspace_id));
+      }
+     
+      
+      useEffect(()=>{
+        getWorkspaceDetails();
+      },[]);
     console.log(loggedInUserData.id);
     const getLoggedInUserData = () => {
         dispatch(FetchLoggedInUserData("me"));
diff --git a/src/components/Project/TaskTable.jsx b/src/components/Project/TaskTable.jsx
index 9d520386..4fa967ca 100644
--- a/src/components/Project/TaskTable.jsx
+++ b/src/components/Project/TaskTable.jsx
@@ -48,6 +48,7 @@ import { fetchFindAndReplaceWordsInAnnotation } from "@/Lib/Features/projects/ge
 import { setTaskFilter } from "@/Lib/Features/projects/getTaskFilter";
 import FindAndReplaceDialog from "./FindAndReplaceDialog";
 import LoginAPI from "@/app/actions/api/user/Login";
+import ChatLang from "@/utils/Chatlang";
 // import LoginAPI from "../../../../redux/actions/api/UserManagement/Login";
 
 
@@ -102,7 +103,15 @@ const TaskTable = (props) => {
   const ProjectDetails = useSelector((state) => state.getProjectDetails?.data);
   const userDetails = useSelector((state) => state.getLoggedInData?.data);
   const savedFilters = JSON.parse(localStorage.getItem('filters'));
-
+  const columnsCheck = [
+    { name: 'id', label: 'ID', defaultChecked: true },
+    { name: 'instructionData', label: 'Instruction Data', defaultChecked: true },
+    { name: 'language', label: 'Language', defaultChecked: true },
+    { name: 'status', label: 'Status', defaultChecked: true },
+    { name: 'otherColumn1', label: 'Other Column 1', defaultChecked: false },
+    { name: 'otherColumn2', label: 'Other Column 2', defaultChecked: false },
+    // Add other columns as needed
+  ];
 
   const filterData = {
     Status: ((ProjectDetails.project_stage == 2||ProjectDetails.project_stage == 3) || ProjectDetails?.annotation_reviewers?.some((reviewer) => reviewer.id === userDetails?.id))
@@ -435,7 +444,12 @@ const TaskTable = (props) => {
         row.push(
           ...Object.keys(el.data)
             .filter((key) => !excludeCols.includes(key))
-            .map((key) => el.data[key])
+            .map((key) => {
+              if (key === "meta_info_language") {
+                return ChatLang[el.data[key]] || el.data[key];
+              }
+              return el.data[key];
+            })
         );
         props.type === "annotation" &&
           taskList[0].annotation_status &&
@@ -497,6 +511,7 @@ const TaskTable = (props) => {
       const annotatorEmail = taskList[0]?.hasOwnProperty("annotator_mail")
       const email = props.type === "review" && annotatorEmail ? "Annotator Email" : "";
       let colList = ["id", ...(!!email ? [email] : [])];
+      console.log(colList,taskList[0]);
       colList.push(
         ...Object.keys(taskList[0].data).filter(
           (el) => !excludeCols.includes(el)
@@ -504,10 +519,17 @@ const TaskTable = (props) => {
       );
       taskList[0].task_status && colList.push("status");
       colList.push("actions");
+     var defaultCheckedCols = ["id", "instruction_data", "meta_info_language", "status","actions"]
+     const metaInfoMapping = {
+      meta_info_language: "language",
+      meta_info_domain: "domain",
+      meta_info_intent: "intent"
+    };
       const cols = colList.map((col) => {
         return {
           name: col,
-          label: snakeToTitleCase(col),
+          label: metaInfoMapping[col] ? snakeToTitleCase(metaInfoMapping[col]) : snakeToTitleCase(col),
+          defaultChecked: defaultCheckedCols.includes(col),
           options: {
             filter: false,
             sort: false,
@@ -517,7 +539,7 @@ const TaskTable = (props) => {
         };
       });
       setColumns(cols);
-      setSelectedColumns(colList);
+      setSelectedColumns(ProjectDetails?.project_type=="InstructionDrivenChat"?colList.filter(col => defaultCheckedCols.includes(col)):colList);
       setTasks(data);
     } else {
       setTasks([]);
diff --git a/src/components/common/Header.jsx b/src/components/common/Header.jsx
index 9a646538..3934e2bc 100644
--- a/src/components/common/Header.jsx
+++ b/src/components/common/Header.jsx
@@ -830,9 +830,12 @@ const handleopenproject=(id,type)=>{
   const [language, setLanguage] = useState(localStorage.getItem("language") || "");
 
   useEffect(() => {
-    localStorage.setItem("globalTransliteration", globalTransliteration);
     localStorage.setItem("language", language);
-  }, [language, globalTransliteration]);
+  }, [language]);
+  useEffect(() => {
+    localStorage.setItem("globalTransliteration", globalTransliteration);
+  }, [ globalTransliteration]);
+
 
   return (
     <Grid container direction="row" style={{ zIndex: 1 }}>
diff --git a/src/components/common/Search.jsx b/src/components/common/Search.jsx
index 7b90302b..4a125c82 100644
--- a/src/components/common/Search.jsx
+++ b/src/components/common/Search.jsx
@@ -31,8 +31,17 @@ const Search = (props) => {
     dispatch(setSearchProjectCard(value));
   };
 
-  const targetLang = localStorage.getItem("language") || "en";
-  const globalTransliteration = localStorage.getItem("globalTransliteration") === "true" ? true : false;
+  const [targetLang, setTargetLang] = useState( localStorage.getItem("language"));
+
+  const [globalTransliteration, setGlobalTransliteration] = useState(localStorage.getItem("globalTransliteration"));
+  useEffect(() => {
+    const storedGlobalTransliteration = localStorage.getItem("globalTransliteration");
+    const storedLanguage = localStorage.getItem("language") ;
+    setGlobalTransliteration(storedGlobalTransliteration);
+    setTargetLang(storedLanguage);
+    console.log(globalTransliteration,localStorage.getItem("globalTransliteration"));
+  }, [searchValue]);
+
 
   return (
    <Grid container justifyContent="end" sx={{marginTop:"20px"}}>
@@ -40,7 +49,7 @@ const Search = (props) => {
                     <Grid className="searchIcon">
                         <SearchIcon fontSize="small" />
                     </Grid>
-                    {globalTransliteration ? 
+                    {globalTransliteration=="true" ? 
                     <IndicTransliterate 
                     renderComponent={(props) => (
                       <textarea
diff --git a/src/utils/Chatlang.js b/src/utils/Chatlang.js
new file mode 100644
index 00000000..87ffa3d7
--- /dev/null
+++ b/src/utils/Chatlang.js
@@ -0,0 +1,7 @@
+const ChatLang  ={
+    1: "English",
+    2: "Indic language in Indic script",
+    3: "Indic language in Latin script",
+    4: "Indic/English Latin script", 
+ }
+export default ChatLang;

From 09c5422dc362c5d12a7974b1786f01d070205ba4 Mon Sep 17 00:00:00 2001
From: sagarika-padmanaban <sagarikapd@gmail.com>
Date: Sun, 7 Jul 2024 12:49:06 +0530
Subject: [PATCH 2/2] fixes

---
 src/app/progress/progress.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/progress/progress.js b/src/app/progress/progress.js
index b93d5ada..3bde004e 100644
--- a/src/app/progress/progress.js
+++ b/src/app/progress/progress.js
@@ -92,7 +92,7 @@ export default function ProgressPage () {
               <Grid item xs={12} sm={12} md={12} lg={12} xl={12} sx={{ p: 2 }}>
                 <Paper variant="outlined" sx={{ minWidth: 275, borderRadius: "5px" ,backgroundColor:'ButtonHighlight', textAlign:'center'}}>
                   <CardContent>
-                    <Typography variant="h4">{userDetails?.organization.title}</Typography>
+                    <Typography variant="h4">{userDetails?.organization?.title}</Typography>
                   </CardContent>
                 </Paper>
               </Grid>