-
Notifications
You must be signed in to change notification settings - Fork 3.9k
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): new integrations page view #7310
base: next
Are you sure you want to change the base?
Conversation
❌ Deploy Preview for dashboard-v2-novu-staging failed. Why did it fail? →
|
…/novuhq/novu into feat-new-integrations-page-table
@@ -0,0 +1,117 @@ | |||
import { Badge } from '@/components/primitives/badge'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please move all the component files from the src/pages/integrations/components
directory to the src/components/integrations
. If the utils are reusable between the modules please move them to the utils
folder, otherwise, keep them under the src/components/integrations
.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh my 🤦♂️ was prototyping initially and forgot to move them. I blame keyboard shortcuts for this hehe
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Going to address this in the second PR to avoid merge conflict from hell
apps/dashboard/src/pages/integrations/integrations-list-page.tsx
Outdated
Show resolved
Hide resolved
apps/dashboard/src/pages/integrations/components/integrations-list.tsx
Outdated
Show resolved
Hide resolved
apps/dashboard/src/pages/integrations/components/integrations-list.tsx
Outdated
Show resolved
Hide resolved
apps/dashboard/src/pages/integrations/components/integrations-list.tsx
Outdated
Show resolved
Hide resolved
apps/dashboard/src/pages/integrations/components/integration-card.tsx
Outdated
Show resolved
Hide resolved
apps/dashboard/src/pages/integrations/components/integration-card.tsx
Outdated
Show resolved
Hide resolved
|
||
<div className="mt-auto flex items-center gap-2"> | ||
{integration.channel === 'in_app' && !integration.connected ? ( | ||
<Button size="xs" className="h-[26px]" variant="outline" onClick={handleConfigureClick}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if that's the size we would like to use, let's introduce it to the button component
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's not a size that will be used outside of this component. @twentyone24 I've added this Configure button on the In App provider in case the user hasn't connected yet the integration. Any suggestions on other UX pattern for it? I had to adjust the button size to be in the same size of the Env pill
What changed? Why was the change needed?
Screenshots
Expand for optional sections
Related enterprise PR
Special notes for your reviewer