feat(ui-ux): add explore dtokens to explore dex page (ON HOLD) #567
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* chore: update tailwindconfigs for 2.0 * add ui styles to globals
* feat(ui-ux): add Buttons 2.0 component * add href to GradientButton * update button styles * update border padding for gradient button * fix gradient button style * update buttons to follow DSM and add LinkButton * fix link button stylings * fix link disabled style * remove is cta button * update link buttons to be more customisable * fix link button default style * update button stylings for gradient button and minwidth for cta button * update naming of gradient button hover style * update naming for gradient border hover style
* hero banner * made GIF element into reusable component * some styling changes for responsiveness * removed unnecessry style tag * removed unnecessary span * added Montserrat font * pr comments * changed gif to mp4 for performance * minor styling changes * removed duplicate montserrat font in tailwind config * setting responsive screen sizes * design according to responsive design * made header black for testing * minor styling changes * add max width for super large screens
* feat(ui-ux): add navbar for 2.0 * fix stylings * fix mobile and tablet scroll * add hover state for navlink items * add transition for hover * fix cards and svg images * update font size and text color for header * fix padding and styling issues * fix padding for tablet and mobile view * fix layout clip issue in header * add cursor pointer * fix console warnings * fix paddings * update paddings for header dropdown for tablet and mobile * update links to add arrow icon and fix gradient colors * fix transition and add translations prep * fix header cards transitions * cleanup * fix gap padding for mobile view * fix console warnings * remove unused styles * remove unused svg * fix icons * fix padding and add transition to mobile and tablet * fix width of horizontal line for tablet and mobile view * update to use grid view instead of flex for explore and add onclick to close desktop dropdown * update transition for tablet and mobile view * fix variable naming * add transition dropdown for tablet and mobile view * fix tailwindcss stylings * fix tailwind stylings for mobile * revert animation on open and closing of tablet and nav menu * use abitrary for transition in card * fix transition duration of headernavlink * use headlessui transition for dropdown * fix padding of dropdown * standardise explore page with build page * update to use abitrary grid for mobile view for build tab * fix desktop grid rows to 2 for build tab * add target to headernavlink and update stylings * remove unused style * fix layout issue for ecosystem * remove mx-auto * update build to 2 rows for tablet * fix community layout * update to transition opacity * update transition * update layout for desktop view and add backdrop blur --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
* feat(ui-ux): footer design refresh * feat(ui-ux): footer design refresh * feat(ui-ux): footer design refresh * feat: add socials row * add comment * feat: add hover styling for social icons * fix(ui-ux): footer styling * fix(ui-ux): socials styling * feat(ui-ux): add footer asset and dropdown styling * fix(ui-ux): footer top padding * fix(ui-ux): styling for tablet * fix(ui-ux): styling for footer padding in larger screens * fix styling * cleanup * styling * fix * fix(ui-ux): dropdown ui styling * fix: dropdown ui styilng * fix * fix github icon linking * chore: turn off default export * fix(ui-ux): footer for different views * fix btm padding * fix btm padding * fix btm arrow * fix section padding * fix: inline text and dropdown * cleanup * fix
* feat(ui-ux): add statistics display * update tablet and mobile view * fix stylings and update header GradientButton padding * fix first load call * fix hover on start exploring button * add bg to statistics display bar * update globals to include smooth scroll for html * fix scroll margin * updated useUnitSuffix to account for N/A and fix stylings * hide start exploring button in mobile view * update stylings * fix image sizes and update namings on variables * fix flex issue for fixed width * update margin for mobile view * updated to remove undefine checks and string concantenation checks * update the statsDiplay useEffect to include dependency array
…(WIP) (#510) * feat(ui-ux): add ready for flexibility section for home page refresh * remove ununsed png * account for translations * fix stylings * add bottom margin for container * fix button font size * remove jellyfish * remove v1 components from homepage * revert pnpm-lock file * revert pnpm-lock file * revert eslintrc
* fix when in desktop mode set menu to false to enable scroll when responsive sizing * update checks to add menu
* feat(ui-ux): add common component SectionTitle * update tailwind.config.js to use monospace for Space Mono font --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
…ner (#515) * feat(ui-ux): add to show static image when video is not yet loaded * add playsinline to enable mobile video load * reduce file size of image * add poster instead of adding another img tag * remove extra space --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
* feat(ui-ux): add cursor tracking for header * update radial gradient size and create useWindowDetect hooks * update to useDeviceDetect hook * remove empty spaces * add return cleanup * update variable namings --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
* fix(ui-ux): fix hover color on the header for desktop view * update on mouse cursor on dropdown desktop header text color * update active state and color for header text
* fix(ui-ux): styling * chore: update e2e * update testid for e2e * fix: refactor and fix github external link * fix(ui-ux): sm padding top --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
* chore: add translations for header * remove extra , * revert stats display changes * feat(ui-ux): styling of header and add ru/pt telegram * fix stylings for header upon translations change * update zh translations * fix grids for explore header * update explore grids to fit height --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
…#522) * feat(ui-ux): add jellyfish animation for ready for flexibility * remove empty spaces * update stylings of jellyfish animation and set width to % for texts * revert sin path and reduce travel distance * fix tracking for desktop * reduce jellyfish translation --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
* added blockchain features section * adding blockchain features section * printed Icons * fixed variety icon issue * rearranged for all views * working on hover animations * changed clsx to classnames * refractored * added bg accent * clean up comments * added animations for first 3 icons * added animations for icons * max width for blockchain features section * pr comment * removed comment * pr comments * used SectionTitle instead * added key for lists * fixed padding and width issues * adding mouseout animations * pr comments * security icon mouseout animation * added animations for immutability * removed gradient text css * added transition for hover text color * fixed width of icons * made animations ease in and out instead of linear --------- Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com>
* added translations for footer * added missing translations for FR * translations * translations for footer headers * refactored naming * added missing translations * Update public/locales/fr/layout.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/en-US/layout.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/de/layout.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/de/layout.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com>
* feat(ui-ux): add explore card * rename components folder * fix diamond coin for cards * split cards and add translations * update card titles * update to metal coin * update stylings for mobile view and update variable namings --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
* added translations for home page * refactored naming * missed out one change * added missing translation * Update public/locales/zh-Hant/page-index.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/zh-Hant/page-index.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/zh-Hans/page-index.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/fr/page-index.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/de/page-index.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/zh-Hans/page-index.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * Update public/locales/zh-Hant/page-index.json Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com>
* feature(ui-ux): blockchain ecosystem section * fix: styling for container section * fix styling for wider screens * fix: refactor component * feat: scrollable container * fix(ui-ux): scrollable behavior * fix(ui-ux): styling for smaller screen sizes * fix(ui-ux): bg section * cleanup * fix: component refactor * fix(ui-ux): animate first 2 cards * fix arrow styling * comment out animate icons on hover * cleanup * update page-index.json * code cleanup * revert needed files * fix(ui-ux): handle card styling * fix(ui-ux): styling for quantum card * fix(ui-ux): padding for section * code cleanup * cleanup * Revert "cleanup" This reverts commit fa2a378. * fix(ui-ux): section spacing * fix --------- Co-authored-by: nattadex <elocinnat99@gmail.com> Co-authored-by: Keng Ye <kengyeleow@gmail.com>
* feat(ui-ux): add hero banner * refactor StartExploring button * add translations prepartions * update hero banner and translations for wallets and masternodes page * split translations file * update mapping for hero banner background * update translation * update checks for hero banner CTA button and startExploring button * update png to lower res * rename variables * update function desc * update namings of variables * Update src/pages/index.page.tsx * Update src/components/commons/StartExploringButton.tsx --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
veralygit
changed the title
veralygit
requested review from
joeldavidw,
thedoublejay,
kyleleow,
pierregee and
G9000
as code owners
|
chloezxyy
reviewed
Apr 4, 2023
| > | ||
| ) { | ||
| // eslint-disable-next-line no-param-reassign | ||
| allUncleanTokens.dexPrices.USDT = { |
There was a problem hiding this comment.
Curious to know why we need this hardcoded object~
There was a problem hiding this comment.
cause we are using USDT prices.
If we call from ocean, due to the denomination being USDT the dexprices wouldnt include USDT
https://ocean.defichain.com/v0/mainnet/poolpairs/dexprices?denomination=USDT
* fix(ui-ux): background refresh * fix: Container first trial * fix(ui-ux): defichain ecosection arrow * fix: Container fluid breakpoints * fix: resize arrow * fix: footer ui padding * fix: Container fluidity ui * fix(ui-ux): tag loose assets to respective sections * fix: dfi vector logo placement * fix: handle vector logo on smaller screens * fix: dfi vector logo * fix(ui-ux): generic background for all pages except homepage * fix: handle z-index of /explore pages * fix(ui-ux): remove unused generic background png * fix footer arrow asset position * fix: homepage background sizes * code refactor for z-index * code cleanup * fix: z-index of glass cube --------- Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com>
kyleleow
reviewed
Apr 4, 2023
| /> | ||
| <ExploreDTokensGrid selectionTokens={selectedTabTokens} /> | ||
|
|
||
| <SecondaryButton |
There was a problem hiding this comment.
should navigate to defiscan tokens page on click
There was a problem hiding this comment.
click area bigger than my house 🌚
kyleleow
reviewed
Apr 4, 2023
kyleleow
reviewed
Apr 4, 2023
kyleleow
reviewed
Apr 4, 2023
kyleleow
reviewed
Apr 4, 2023
kyleleow
reviewed
Apr 4, 2023
kyleleow
reviewed
Apr 4, 2023
kyleleow
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What this PR does / why we need it:
This PR adds explore dTokens to explore dex page.
Additionally this PR also adds Secondary button component to Button.tsx
Additional comments?: