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): sms step #7316

Merged
merged 2 commits into from
Dec 18, 2024
Merged

feat(dashboard): sms step #7316

merged 2 commits into from
Dec 18, 2024

Conversation

ChmaraX
Copy link
Contributor

@ChmaraX ChmaraX commented Dec 17, 2024

What changed? Why was the change needed?

Note: I omitted the inline-tips component from design since we don't have the primitive yet and it should be applied globally also for e.g. "action required" error link in step etc. Will be done separately in new PR.

Adding new SMS step:

sms-1.mov

Error state / no preview available:

sms-2.mov

Long SMS body truncation:

sms-3.mov

Loading state:

sms-4.mov

Copy link

linear bot commented Dec 17, 2024

Copy link

netlify bot commented Dec 17, 2024

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

Name Link
🔨 Latest commit 56807e3
🔍 Latest deploy log https://app.netlify.com/sites/dashboard-v2-novu-staging/deploys/67628ed0aa6c930008c0a9dd
😎 Deploy Preview https://deploy-preview-7316.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.

Copy link

netlify bot commented Dec 17, 2024

Deploy Preview for dev-web-novu ready!

Name Link
🔨 Latest commit 56807e3
🔍 Latest deploy log https://app.netlify.com/sites/dev-web-novu/deploys/67628ed0718d2e0008da77e7
😎 Deploy Preview https://deploy-preview-7316.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.

Comment on lines +4 to +8
<motion.div
initial={{ opacity: 0, y: 10 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3, ease: 'easeOut' }}
className="relative my-1 inline-block max-w-[90%] rounded-2xl bg-[#e9ecef] px-4 py-2 text-sm text-[#2b2b33] before:absolute before:bottom-0 before:left-[-7px] before:h-5 before:w-5 before:rounded-br-[15px] before:bg-[#e9ecef] before:content-[''] after:absolute after:bottom-0 after:left-[-10px] after:h-5 after:w-[10px] after:rounded-br-[10px] after:bg-white after:content-['']"
Copy link
Member

Choose a reason for hiding this comment

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

nice addition of animation 🙌🏼

Copy link
Member

@BiswaViraj BiswaViraj left a comment

Choose a reason for hiding this comment

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

🎉

@ChmaraX ChmaraX merged commit 7294ed6 into next Dec 18, 2024
16 of 17 checks passed
@ChmaraX ChmaraX deleted the nv-4875-implement-sms-step branch December 18, 2024 08:59
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