From f69ded165f6829e2974eb8067db471a34fb26fd8 Mon Sep 17 00:00:00 2001
From: snehalsankhe <snehal.pimple@contentstack.com>
Date: Thu, 27 Jun 2024 18:14:32 +0530
Subject: [PATCH] solved bugs

---
 ui/src/cmsData/projects.json      | 8 ++++----
 ui/src/components/Card/card.scss  | 1 +
 ui/src/components/Card/index.tsx  | 8 +++++---
 ui/src/components/Modal/index.tsx | 2 +-
 ui/src/pages/Projects/index.scss  | 6 ++++++
 ui/src/pages/Projects/index.tsx   | 2 +-
 6 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/ui/src/cmsData/projects.json b/ui/src/cmsData/projects.json
index d482d9410..29ecbefd6 100644
--- a/ui/src/cmsData/projects.json
+++ b/ui/src/cmsData/projects.json
@@ -136,9 +136,9 @@
   },
   "create_project_modal": {
     "description": "Description",
-    "description_placeholder": "Provide a description",
-    "name": "Project Name",
-    "name_placeholder": "Enter project name",
+    "description_placeholder": "Enter a description",
+    "name": "Name",
+    "name_placeholder": "Title",
     "primary_cta": {
       "open_in_new_tab": false,
       "theme": "primary",
@@ -153,6 +153,6 @@
       "url": "",
       "with_icon": false
     },
-    "title": "Create New Project"
+    "title": "New Project"
   }
 }
\ No newline at end of file
diff --git a/ui/src/components/Card/card.scss b/ui/src/components/Card/card.scss
index fa090c38a..8a3917eaa 100644
--- a/ui/src/components/Card/card.scss
+++ b/ui/src/components/Card/card.scss
@@ -64,6 +64,7 @@
   border: 1px solid $color-brand-secondary-lightest;
   border-radius: 8px;
   font-size: $size-font-large;
+  line-height: 21px;
   color: $color-font-base;
   padding: 4px 8px;
   text-transform: capitalize;
diff --git a/ui/src/components/Card/index.tsx b/ui/src/components/Card/index.tsx
index 230857fa9..44bc169f1 100644
--- a/ui/src/components/Card/index.tsx
+++ b/ui/src/components/Card/index.tsx
@@ -62,9 +62,11 @@ const CardList = ({ project }: ProjectType) => {
       <div onClick={() => onClickProject(project?.id || '')}>
         <div className="ProjectCard">
           <div className='ProjectCardWrapper'>
-            <div className="ProjectCard__heading">
-              {project?.name && <h4 className="ProjectCard__title flex-v-center">{project?.name}</h4>}
-            </div>
+            <Tooltip content={project?.name} position="top" type="primary" variantType="basic">
+              <div className="ProjectCard__heading">
+                {project?.name && <h4 className="ProjectCard__title flex-v-center">{project?.name}</h4>}
+              </div>
+            </Tooltip>            
             <div className="ProjectCard__content">
               <div className="ProjectCard__stats">
                 <div className='ProjectCard__Staus-unit'>
diff --git a/ui/src/components/Modal/index.tsx b/ui/src/components/Modal/index.tsx
index f663606ef..17e891c92 100644
--- a/ui/src/components/Modal/index.tsx
+++ b/ui/src/components/Modal/index.tsx
@@ -50,7 +50,7 @@ const Modal = (props: ProjectModalProps) => {
     if (!value) {
       setInputValue(false);
       return;
-    } else if (!/^[^\s].+[^\s]$/.test(value)) {
+    } else if (!/^[^\s].+$/.test(value)) {
       setInputValue(false);
       return 'Please enter project name.';
     } else if (value && value?.length > 200) {
diff --git a/ui/src/pages/Projects/index.scss b/ui/src/pages/Projects/index.scss
index 926d50365..acf98f50c 100644
--- a/ui/src/pages/Projects/index.scss
+++ b/ui/src/pages/Projects/index.scss
@@ -41,6 +41,12 @@
 .helpText {
   font-size: 14px;
   padding-top: 30px;
+  p {
+    color: $color-font-base;
+    a {
+      color: $color-brand-primary-base;
+    }
+  }
 }
 .EmptyStateWrapper {
   .EmptyState {
diff --git a/ui/src/pages/Projects/index.tsx b/ui/src/pages/Projects/index.tsx
index ca05ff583..bfc9f6fc6 100644
--- a/ui/src/pages/Projects/index.tsx
+++ b/ui/src/pages/Projects/index.tsx
@@ -1,5 +1,5 @@
 // Libraries
-import { useContext, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { PageLayout, EmptyState, Button, Icon, cbModal } from '@contentstack/venus-components';
 import { jsonToHtml } from '@contentstack/json-rte-serializer';
 import HTMLReactParser from 'html-react-parser';