Fix/UI fix no data message (#93)

* fix in showing no data messages in LLMs, VectorDBs, Embeddings, Text extractor and prompt studio

* changed add New tool button name to New project in prompt studio

---------

Co-authored-by: Neha <115609453+nehabagdia@users.noreply.github.com>

Author: vishnuszipstack

frontend/src/components/custom-tools/list-of-tools/ListOfTools.css

@@ -44,4 +44,5 @@
     overflow-y: auto;
     display: flex;
     justify-content: center;
+    height: 100%;
 }

frontend/src/components/custom-tools/list-of-tools/ListOfTools.jsx

@@ -171,7 +171,7 @@ function ListOfTools() {
         icon={<PlusOutlined />}
         onClick={showAddTool}
       >
-        New Tool
+        New Project
       </CustomButton>
     );
   };
@@ -200,6 +200,7 @@ function ListOfTools() {
               descriptionProp="description"
               iconProp="icon"
               idProp="tool_id"
+              type="New Project"
             />
           </div>
         </div>

frontend/src/components/custom-tools/view-tools/ViewTools.jsx

@@ -19,16 +19,23 @@ function ViewTools({
   idProp,
   centered,
   isClickable = true,
+  type,
 }) {
   if (isLoading) {
     return <SpinnerLoader />;
   }
 
   if (isEmpty) {
+    let text = "No tools available";
+    let btnText = "New Tool";
+    if (type) {
+      text = `No ${type.split("New ")[1].toLowerCase()} available`;
+      btnText = type;
+    }
     return (
       <EmptyState
-        text="No tools available"
-        btnText="New Tool"
+        text={text}
+        btnText={btnText}
         handleClick={() => setOpenAddTool(true)}
       />
     );
@@ -72,6 +79,7 @@ ViewTools.propTypes = {
   idProp: PropTypes.string.isRequired,
   centered: PropTypes.bool,
   isClickable: PropTypes.bool,
+  type: PropTypes.string,
 };
 
 export { ViewTools };

frontend/src/components/tool-settings/tool-settings/ToolSettings.jsx

@@ -140,6 +140,7 @@ function ToolSettings({ type }) {
               isEmpty={!tableRows?.length}
               centered
               isClickable={false}
+              type={btnText[type]}
             />
           </div>
         </div>