Merge pull request #1088 from AI4Bharat/sagarika-master

tooltip
AI4Bharat · Sep 20, 2024 · a20440d · a20440d
2 parents 5a75a15 + 0cac0c2
commit a20440d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/src/ui/pages/component/common/DetailsViewPage.jsx b/src/ui/pages/component/common/DetailsViewPage.jsx
@@ -421,6 +421,7 @@ const DetailsViewPage = (props) => {
                   columnSpacing={4}
                   rowSpacing={2}
                 >
+
                   <Grid item xs={12} sm={12}>
                     <Link to={`/create-annotation-project/${id}`}>
                       <Button

diff --git a/src/ui/pages/container/Dataset/CreateNewDatasetInstance.jsx b/src/ui/pages/container/Dataset/CreateNewDatasetInstance.jsx
@@ -5,6 +5,7 @@ import {
   Tab,
   Tabs,
   ThemeProvider,
+  Tooltip,
   Typography,
 } from "@mui/material";
 import React, { useEffect, useState } from "react";
@@ -21,6 +22,7 @@ import APITransport from "../../../../redux/actions/apitransport/apitransport";
 import CreateNewDatasetInstanceAPI from "../../../../redux/actions/api/Dataset/CreateNewDatasetInstance";
 import GetDatasetTypeAPI from "../../../../redux/actions/api/Dataset/GetDatasetType"
 import MenuItems from "../../component/common/MenuItems"
+import { Info } from "@mui/icons-material";
 
 const CollectionProject = (props) => {
   const { id } = useParams();
@@ -38,7 +40,6 @@ const CollectionProject = (props) => {
   const [snackbarState, setSnackbarState] = useState({ open: false, message: "", variant: ""});
   const [errors, setErrors] = useState({});
 
-
   const loggedInUserData = useSelector(
     (state) => state.fetchLoggedInUserData.data
   );
@@ -155,7 +156,7 @@ const CollectionProject = (props) => {
               xl={12}
             >
               <Typography gutterBottom component="div">
-                Instance_Name *:
+                Instance_Name: <span style={{color:"red"}}>*</span>
               </Typography>
             </Grid>
             <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
@@ -176,9 +177,21 @@ const CollectionProject = (props) => {
               lg={12}
               xl={12}
             >
-              <Typography gutterBottom component="div">
-                Parent_Instance_Id:
-              </Typography>
+             <Grid item xs={4} md={4} lg={4} xl={4} sm={4}>
+  <div style={{ display: 'flex', alignItems: 'center' }}>
+    <Typography gutterBottom component="div">
+      Parent_Instance_Id:
+    </Typography>
+    <Tooltip 
+    arrow
+      title="Parent Data (A reference to database object referenced by integer ID field) - The parent data item id of this record. When a single sentence in a particular language is to be translated into another language, the source data item id is used as a 'Parent Data' and a separate child conversation data item is created for each language for which the source data item is to be translated into." 
+      placement="right"
+    >
+      <Info style={{ marginBottom: "5px", cursor: 'pointer', color: "grey" }} />
+    </Tooltip>
+  </div>
+</Grid>
+
             </Grid>
             <Grid item xs={12} md={12} lg={12} xl={12} sm={12}>
               <OutlinedTextField