Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(dashboard): workflow template store cta on list page #7540

Merged
merged 15 commits into from
Jan 22, 2025

Conversation

scopsy
Copy link
Contributor

@scopsy scopsy commented Jan 19, 2025

What changed? Why was the change needed?

  • Introduce a workflow template scroll area for popular workflows
  • Under a FF
  • Visible only when the user has less than 5 workflows

Screenshots

CleanShot 2025-01-20 at 09 08 36@2x

Expand for optional sections

Related enterprise PR

Special notes for your reviewer

Copy link

netlify bot commented Jan 19, 2025

Deploy Preview for dev-web-novu ready!

Name Link
🔨 Latest commit 21a1681
🔍 Latest deploy log https://app.netlify.com/sites/dev-web-novu/deploys/6790c160266fdc0008a5e9c5
😎 Deploy Preview https://deploy-preview-7540.dashboard.novu-staging.co
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Jan 19, 2025

Deploy Preview for dashboard-v2-novu-staging ready!

Name Link
🔨 Latest commit 21a1681
🔍 Latest deploy log https://app.netlify.com/sites/dashboard-v2-novu-staging/deploys/6790c160b514e40008166249
😎 Deploy Preview https://deploy-preview-7540.dashboard-v2.novu-staging.co
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@@ -19,12 +19,12 @@ export function WorkflowCard({
}: WorkflowCardProps) {
return (
<Card
className="border-stroke-soft min-h-[138px] min-w-[250px] border shadow-none hover:cursor-pointer"
className="border-stroke-soft min-h-[120px] min-w-[250px] border shadow-none hover:cursor-pointer"
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Made the cards smaller in height

Comment on lines 18 to 22
export function CreateWorkflowPage() {
const navigate = useNavigate();
const location = useLocation();

const { submit, isLoading: isCreating } = useCreateWorkflow();
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Move this to be router navigatable instead of the button wrapper

@scopsy scopsy marked this pull request as ready for review January 20, 2025 07:09
@scopsy scopsy requested a review from LetItRock January 20, 2025 07:09
steps.map((step, index) => (
<React.Fragment key={index}>
<WorkflowStep step={step} />
{index < steps.length - 1 && <div className="h-px w-6 bg-gray-200" />}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What is this div for? Is it a separator?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's the connector line between the steps

@scopsy scopsy merged commit 3c6f58e into next Jan 22, 2025
32 checks passed
@scopsy scopsy deleted the workflow-starters-grid branch January 22, 2025 11:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants