fix : added tooltips for create and edit row in large fk values

ToolJet · May 22, 2024 · 52e5d59 · 52e5d59
1 parent a38024e
commit 52e5d59
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/frontend/src/Editor/QueryManager/QueryEditors/TooljetDatabase/DropDownSelect.jsx b/frontend/src/Editor/QueryManager/QueryEditors/TooljetDatabase/DropDownSelect.jsx
@@ -46,6 +46,8 @@ const DropDownSelect = ({
   fetchTables,
   onTableClick,
   referencedForeignKeyDetails = [],
+  isCreateRow = false,
+  isEditRow = false,
 }) => {
   const popoverId = useRef(`dd-select-${uuidv4()}`);
   const popoverBtnId = useRef(`dd-select-btn-${uuidv4()}`);
@@ -182,6 +184,8 @@ const DropDownSelect = ({
             actions={actions}
             actionName={actionName}
             referencedForeignKeyDetails={referencedForeignKeyDetails}
+            isCreateRow={isCreateRow}
+            isEditRow={isEditRow}
           />
         </Popover>
       }

diff --git a/frontend/src/Editor/QueryManager/QueryEditors/TooljetDatabase/SelectBox.jsx b/frontend/src/Editor/QueryManager/QueryEditors/TooljetDatabase/SelectBox.jsx
@@ -51,6 +51,8 @@ function DataSourceSelect({
   actions,
   actionName,
   referencedForeignKeyDetails,
+  isCreateRow,
+  isEditRow,
 }) {
   const [isLoadingFKDetails, setIsLoadingFKDetails] = useState(false);
   const [searchValue, setSearchValue] = useState('');
@@ -288,7 +290,7 @@ function DataSourceSelect({
                     message={children}
                     placement="top"
                     tooltipClassName="tjdb-cell-tooltip"
-                    show={isCellEdit && children?.length > 30}
+                    show={(isCellEdit || isCreateRow || isEditRow) && children?.length > 30}
                   >
                     <span
                       className={cx({

diff --git a/frontend/src/TooljetDatabase/Forms/EditRowForm.jsx b/frontend/src/TooljetDatabase/Forms/EditRowForm.jsx
@@ -234,6 +234,7 @@ const EditRowForm = ({
                 setReferencedColumnDetails={setReferencedColumnDetails}
                 scrollEventForColumnValus={true}
                 cellColumnName={columnName}
+                isEditRow={true}
               />
             ) : (
               <input

diff --git a/frontend/src/TooljetDatabase/Forms/RowForm.jsx b/frontend/src/TooljetDatabase/Forms/RowForm.jsx
@@ -242,6 +242,7 @@ const RowForm = ({ onCreate, onClose, referencedColumnDetails, setReferencedColu
                 setReferencedColumnDetails={setReferencedColumnDetails}
                 scrollEventForColumnValus={true}
                 cellColumnName={columnName}
+                isCreateRow={true}
               />
             ) : (
               <input