Remove duplicated Create new project button when no project in a workspace (#1406)

Author: romanowska

web_ui/src/pages/landing-page/landing-page-workspace/components/no-projects-area/no-projects-area.component.tsx

@@ -22,7 +22,7 @@ export const NoProjectArea = ({ openImportDatasetDialog }: NoProjectsAreaProps)
     const DESCRIPTION = 'Create new project to leverage AI to automate your Computer Vision task';
 
     return (
-        <Flex width={'100%'} gap={'size-300'}>
+        <Flex width={'100%'} gap={'size-300'} marginTop={'size-700'}>
             <CustomWell
                 height={'size-3400'}
                 minWidth={'size-3000'}

web_ui/src/pages/landing-page/landing-page-workspace/projects-actions.component.tsx

@@ -53,31 +53,30 @@ export const ProjectsActions = ({
         handleQueryOptions(value);
     };
 
-    return (
+    return shouldShowProjectActions ? (
         <Flex marginY='size-200' width={'100%'} gap='size-150' alignItems={'center'} justifyContent={'end'}>
             <Flex gap={'size-100'}>
-                {shouldShowProjectActions && (
-                    <>
-                        <SearchField
-                            isQuiet
-                            value={filterText}
-                            onChange={handleFilterTextChange}
-                            aria-label={'Search...'}
-                            id={'list-search-field'}
-                            UNSAFE_className={`${sharedClasses.searchField} ${
-                                filterText.length ? sharedClasses.searchFieldOpen : ''
-                            }`}
-                            placeholder='Search by name'
-                        />
-
-                        <ProjectSorting
-                            nameKey={ProjectSortingOptions.name}
-                            dateKey={ProjectSortingOptions.creationDate}
-                            sortingOptions={queryOptions}
-                            setSortingOptions={setQueryOptions}
-                        />
-                    </>
-                )}
+                <>
+                    <SearchField
+                        isQuiet
+                        value={filterText}
+                        onChange={handleFilterTextChange}
+                        aria-label={'Search...'}
+                        id={'list-search-field'}
+                        UNSAFE_className={`${sharedClasses.searchField} ${
+                            filterText.length ? sharedClasses.searchFieldOpen : ''
+                        }`}
+                        placeholder='Search by name'
+                    />
+
+                    <ProjectSorting
+                        nameKey={ProjectSortingOptions.name}
+                        dateKey={ProjectSortingOptions.creationDate}
+                        sortingOptions={queryOptions}
+                        setSortingOptions={setQueryOptions}
+                    />
+                </>
+
                 <HasPermission operations={[OPERATION.PROJECT_CREATION]}>
                     <NewProjectDialog
                         buttonText={'Create new project'}
@@ -86,5 +85,7 @@ export const ProjectsActions = ({
                 </HasPermission>
             </Flex>
         </Flex>
+    ) : (
+        <></>
     );
 };