solved bugs

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"
   }
 }

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;

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'>

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) {

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 {

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';