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

Add a release banner on top of the homepage #553

Merged

Conversation

Brenosalv
Copy link
Collaborator

#525

Changes

  • Create a component for the banner and use it on the Layout component;
  • For now, use it only on top of the homepage;
  • Clicking the banner opens a new tab to the deployment options page.

Tests / Screenshots

  • Desktop:
image
  • Mobile:
image

@Brenosalv Brenosalv added the enhancement New feature or request label Oct 31, 2024
@Brenosalv Brenosalv self-assigned this Oct 31, 2024
@Brenosalv Brenosalv linked an issue Oct 31, 2024 that may be closed by this pull request
Comment on lines 24 to 32
<a href={href} target="_blank" rel="noreferrer">
<span>A Step Ahead</span>
<p>
Explore Estuary&apos;s powerful compliance solutions
&#45; Streamline your security and scale with
confidence!
</p>
<ArrowRight color="#fff" />
</a>
Copy link
Member

Choose a reason for hiding this comment

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

We should either pass in everything or nothing.

Since the plan it for Dani to submit PRs I think we should just make this a stand alone component that only handles taking in dark or light mode.

Then later on if we need we can make this a base component that takes in an href, title, message, and icon.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Okay, so we just need the href to be the same for all.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

If in the future we need it to be customizable, we add props to it as you said.

travjenkins
travjenkins previously approved these changes Oct 31, 2024
Copy link
Member

@travjenkins travjenkins left a comment

Choose a reason for hiding this comment

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

lgtm

)}
>
<div>
<a href="/deployment-options" target="_blank" rel="noreferrer">
Copy link
Member

Choose a reason for hiding this comment

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

doubt it matters... but should be end this href with /?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I wondered the same thing but when we click on the banner, the slash is added automatically. Also, none of the other href have this slash on the end. Anyway, I can ask Sourabh.

Copy link

github-actions bot commented Oct 31, 2024

Visit the preview URL for this PR (updated for commit f0294fa):

https://estuary-marketing--pr553-brenosalv-feature-52-pr1su0y1.web.app

(expires Sat, 30 Nov 2024 23:29:13 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 76f6b095a0752e5d9c6c890267f9fdc3e392161e

Copy link
Member

@travjenkins travjenkins left a comment

Choose a reason for hiding this comment

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

lgtm

@travjenkins travjenkins merged commit eb885ec into master Oct 31, 2024
@travjenkins travjenkins deleted the Brenosalv/feature/525-new-feature-banner-on-main-page branch October 31, 2024 21:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

New feature banner on main page
2 participants