Uh oh!
There was an error while loading. Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork 3.8k
feat(slack): add install + privacy section to integration landing page#4799
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
Uh oh!
There was an error while loading. Please reload this page.
Changes from all commits
4eeb624611f55d3707d4590021e7File filter
Filter by extension
Conversations
Uh oh!
There was an error while loading. Please reload this page.
Jump to
Uh oh!
There was an error while loading. Please reload this page.
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -217,6 +217,8 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl | ||
| const { name, description, longDescription, bgColor, docsUrl, operations, triggers, authType } = | ||
| integration | ||
| const landingContent = integration.landingContent | ||
| const IconComponent = blockTypeToIconMap[integration.type] | ||
| const faqs = buildFAQs(integration) | ||
| const relatedSlugs = getRelatedSlugs(slug, operations, authType) | ||
| @@ -444,6 +446,77 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl | ||
| </> | ||
| )} | ||
| {/* Install / Add to workspace (integration-specific) */} | ||
| {landingContent?.install && ( | ||
| <> | ||
| <section aria-labelledby='install-heading' className='px-6 py-10'> | ||
| <h2 | ||
| id='install-heading' | ||
| className='mb-4 text-[20px] text-white leading-[100%] tracking-[-0.02em]' | ||
| > | ||
| {landingContent.install.heading} | ||
| </h2> | ||
| <p className='mb-6 max-w-[700px] text-[15px] text-[var(--landing-text-body)] leading-[150%] tracking-[0.02em]'> | ||
| {landingContent.install.intro} | ||
| </p> | ||
| <ol className='space-y-4' aria-label={`Steps to add ${name}`}> | ||
| {landingContent.install.steps.map((item, index) => ( | ||
| <li key={item.title} className='flex gap-4'> | ||
| <span | ||
| className='mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--landing-border-strong)] font-martian-mono text-[11px] text-[var(--landing-text-subtle)]' | ||
| aria-hidden='true' | ||
| > | ||
| {String(index + 1).padStart(2, '0')} | ||
| </span> | ||
| <div> | ||
| <h3 className='mb-1 text-[15px] text-white tracking-[-0.02em]'> | ||
| {item.title} | ||
| </h3> | ||
| <p className='text-[14px] text-[var(--landing-text-body)] leading-[150%] tracking-[0.02em]'> | ||
| {item.body} | ||
| </p> | ||
| </div> | ||
| </li> | ||
| ))} | ||
| </ol> | ||
| <div className='mt-8 flex flex-wrap gap-2'> | ||
| <IntegrationCtaButton | ||
| label={`Add to ${name}`} | ||
| className='inline-flex h-[32px] items-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-season text-black text-sm transition-colors hover:border-[#E0E0E0] hover:bg-[#E0E0E0]' | ||
| > | ||
| Add to {name} | ||
| </IntegrationCtaButton> | ||
waleedlatif1 marked this conversation as resolved.
Uh oh!There was an error while loading. Please reload this page. | ||
| </div> | ||
| </section> | ||
| <div className='h-px w-full bg-[var(--landing-bg-elevated)]' /> | ||
| </> | ||
| )} | ||
| {/* Privacy & data (integration-specific) */} | ||
| {landingContent?.privacy && ( | ||
| <> | ||
| <section aria-labelledby='privacy-heading' className='px-6 py-10'> | ||
| <h2 | ||
| id='privacy-heading' | ||
| className='mb-4 text-[20px] text-white leading-[100%] tracking-[-0.02em]' | ||
| > | ||
| Privacy & data | ||
| </h2> | ||
| <p className='max-w-[700px] text-[15px] text-[var(--landing-text-body)] leading-[150%] tracking-[0.02em]'> | ||
| {landingContent.privacy.body}{' '} | ||
| <Link | ||
| href={landingContent.privacy.href} | ||
| className='text-[var(--landing-text)] underline underline-offset-2 hover:text-white' | ||
| > | ||
| Privacy Policy | ||
| </Link> | ||
| . | ||
| </p> | ||
| </section> | ||
| <div className='h-px w-full bg-[var(--landing-bg-elevated)]' /> | ||
| </> | ||
| )} | ||
waleedlatif1 marked this conversation as resolved.
Uh oh!There was an error while loading. Please reload this page. | ||
| {/* How to automate */} | ||
| <section aria-labelledby='how-it-works-heading' className='px-6 py-10'> | ||
| <h2 | ||
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.