fix: empty state for workflows page message

novuhq · Aug 4, 2024 · d3427e6 · d3427e6
1 parent 0acb259
commit d3427e6
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/apps/web/src/components/nav/RootNavMenu.tsx b/apps/web/src/components/nav/RootNavMenu.tsx
@@ -62,7 +62,7 @@ export const RootNavMenu: React.FC = () => {
         {IS_EE_AUTH_ENABLED ? <OrganizationSwitcher /> : <OrganizationSelect />}
         <NavMenuLinkButton
           label="Get started"
-          isVisible={!isEnvReadonly && !isLoadingOnboardingStatus && showOnboarding}
+          isVisible={!isLoadingOnboardingStatus && showOnboarding}
           icon={<IconTaskAlt />}
           link={ROUTES.GET_STARTED}
           testId="side-nav-quickstart-link"

diff --git a/apps/web/src/pages/templates/WorkflowListPage.tsx b/apps/web/src/pages/templates/WorkflowListPage.tsx
@@ -44,6 +44,8 @@ import { When } from '../../components/utils/When';
 import { ListPage } from '../../components/layout/components/ListPage';
 import { WorkflowListNoMatches } from './WorkflowListNoMatches';
 import { GetStartedPageV2 } from '../../studio/components/GetStartedPageV2/index';
+import { css } from '@novu/novui/css';
+import { Button } from '@novu/novui';
 
 const columns: IExtendedColumn<INotificationTemplateExtended>[] = [
   {
@@ -316,9 +318,28 @@ function WorkflowListPage() {
             onAllTemplatesClick={openModal}
           />
         </When>
+
         <When truthy={shouldShowEmptyState && isV2Enabled}>
-          <GetStartedPageV2 location="get-started" />
+          <div
+            className={css({
+              color: colors.B40,
+              fontSize: '18px',
+              lineHeight: '22px',
+              textAlign: 'center',
+              maxWidth: '600px',
+              margin: '0 auto',
+              marginTop: '80px',
+            })}
+          >
+            To create a workflow in this environment, you need to create a workflow using the @novu/framework and sync
+            it using the {readonly ? 'production' : 'development'} secret key. Follow{' '}
+            <Link className={css({ textDecoration: 'underline' })} to={ROUTES.GET_STARTED}>
+              this guide
+            </Link>{' '}
+            to get started.
+          </div>
         </When>
+
         <TemplatesStoreModal />
       </TemplateListTableWrapper>
     </ListPage>