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 tBTC SDK Page #105

Merged
merged 18 commits into from
Dec 22, 2023
Merged

Add tBTC SDK Page #105

merged 18 commits into from
Dec 22, 2023

Conversation

evandrosaturnino
Copy link
Contributor

@evandrosaturnino evandrosaturnino commented Dec 11, 2023

Description

Add the tBTC SDK landing page to the website with multiple sections - Updated navbar to accommodate a new category for the upcoming Threshold products, starting with the tBTC SDK (thUSD and TACo).

Figma's design prototype: https://www.figma.com/file/5eN3hPMkCVOpXb5YQw6CtB/tBTC-SDK?type=design&node-id=1264%3A185&mode=design&t=btHMRHkFwM2x8nJN-1

Notice

  • Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Pull Request Type

  • New Feature (Breaking/Non-breaking Change)

Issue (if applicable)

Closes issue #90

Testing

Please outline all testing steps

  1. Clone the repo - git clone https://github.com/threshold-network/website.git
  2. Install dependencies - yarn install
  3. Run the app - yarn start

Screenshots (if applicable)

image

image

image

For mobile:

image

@evandrosaturnino evandrosaturnino changed the title Tbtc sdk page Add tBTC SDK Page Dec 11, 2023
Copy link

Copy link

Copy link

Copy link

@evandrosaturnino evandrosaturnino marked this pull request as ready for review December 13, 2023 05:00
Copy link

Copy link
Contributor

@michalsmiarowski michalsmiarowski left a comment

Choose a reason for hiding this comment

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

Good job overall 👍 Left some comments to look at before the merge though.

src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/UseCases.tsx Outdated Show resolved Hide resolved
src/templates/home-page/SectionTemplate.tsx Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/FeaturesSection.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/UseCases.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/UseCases.tsx Outdated Show resolved Hide resolved
src/components/HighlightWord.tsx Outdated Show resolved Hide resolved
.gitignore Show resolved Hide resolved
Copy link

src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/UseCases.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/FeaturesSection.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/FeaturesSection.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Show resolved Hide resolved
Copy link
Contributor

@michalsmiarowski michalsmiarowski left a comment

Choose a reason for hiding this comment

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

Some more comments down below

src/types/index.ts Outdated Show resolved Hide resolved
static/admin/config.yml Show resolved Hide resolved
static/admin/config.yml Outdated Show resolved Hide resolved
Copy link

Copy link
Contributor

@michalsmiarowski michalsmiarowski left a comment

Choose a reason for hiding this comment

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

Left few more comments to look at

src/templates/home-page/SectionTemplate.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
src/templates/build-page/tbtc-sdk/index.tsx Outdated Show resolved Hide resolved
Comment on lines +42 to +47
<Container
maxW="1140px"
h="100%"
display="flex"
justifyContent="space-between"
>
Copy link
Contributor

Choose a reason for hiding this comment

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

Non-blocking:

I think that the NavBar would require some refactoring/touch-ups, because in some resolutions it looks off. For example this is how it looks for 1173px width:

image

I think that setting the maxW to 1140px with justifyContent="space-between" is a mistake. Content should probably just be justified to "center" and the width should be maxed out. But I'm not sure as of now.

I think this would require some more touch upd in the long run so I would say to address this issue in a separate PR. The bug is also happening on production (1126 px width):
image

but adding the dashboard link in the navigation made it a little bit worse (see previous screen).

To not block this PR, I will mark it as non-blocking. Addressing that issue in this PR might extend the time to merge this one, as more code equals to more potential bugs that can be found 😅 So I would say we separate that into another PR. Let's just not forget about that issue..

You can test it out yourself and see it you can reproduce the issue.

Copy link
Contributor Author

@evandrosaturnino evandrosaturnino Dec 22, 2023

Choose a reason for hiding this comment

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

Good catch! I've opened an issue to keep track of that, I will address it in a separate PR as advised.
Issue: #107

Copy link
Contributor

Choose a reason for hiding this comment

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

Great! I'll keep this conversation open just in case

Copy link

Copy link
Contributor

@michalsmiarowski michalsmiarowski left a comment

Choose a reason for hiding this comment

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

LGTM

@michalsmiarowski michalsmiarowski merged commit 1197d5d into main Dec 22, 2023
3 checks passed
@michalsmiarowski michalsmiarowski deleted the tbtc-sdk-page branch December 22, 2023 15:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants