fix(translation): added DE translation for stats display (#628)

nattadex · veralygit · kyleleow · web-flow · commit c569d809dca8 · 2023-04-18T17:49:31.000+08:00
* chore: update tailwindconfigs for 2.0 (#489) * chore: update tailwindconfigs for 2.0 * add ui styles to globals * feat(ui-ux): add Buttons 2.0 component (#493) * 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 * feature(ui-ux): hero banner for home page (#494) * 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 * feature(ui-ux): add 2.0 header (#496) * 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> * fix:linting * feat(ui-ux): footer design refresh (#500) * 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 2.0 design refresh (#507) * 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 * feat(ui-ux): add ready for flexibility section for home page refresh (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(ui-ux): update header to close menu in desktop view (#513) * 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 (#514) * 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> * feat(ui-ux): add static image when video is loading in index hero banner (#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 (#517) * 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): minor text color changes in header (#518) * 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 and update footer e2e (#508) * 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 (#519) * 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> * feat(ui-ux): add jellyfish animation in ready for flexibility section (#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> * feat(ui-ux): handle N/A display for Statistics Display in homepage (#524) * feat(ui-ux): handle N/A display for Statistics Display in homepage * update conditions for showing desc * refactor: optional desc string --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feature(ui-ux): decentralized finance section (#512) * 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> * fix(translation): footer translations (#527) * 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 (#526) * 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> * fix(translation): adding translation for home page (#528) * 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> * chore: update package lock file * feature(ui-ux): blockchain ecosystem section (#511) * 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 common component HeroBanner (#530) * 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> * feat(ui-ux): add common StatisticsPanel component (#535) * feat(ui-ux): add common datastrip component * rename variables * add stats display to masternodes page * update undefined handling * update translations * fix(translation): decentralized finance translations (#540) * added decentralized finance de translations * added fr translation * added missing translations * chore(ui-ux): update 2023 roadmap (#541) * chore(ui-ux): remove consortium and DLW card, update erc20 bridge image and text to quantum * chore(ui-ux): move defichain.com redesign and DMC explorer to Q2 * bump(deps): update @waveshq/standard to ^0.45.0 (#534) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * added missing translations * chore(cleanup): remove console.log * added missing translations for zhs and zht --------- Co-authored-by: JoshuaC817 <josh_817@hotmail.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Lyka Labrada <lykalabrada@gmail.com> * feat(ui-ux): add daily use and advance use sections to explore wallets page (#536) * feat(ui-ux): add explore wallets advance section * update cards hover states * add backdrop blur * update stylings and add for daily use section * update mappings * fix stylings for cards and logic for dynamic download cards * chore(explore): update explore wallets * chore(cleanup): remove unused images * update image width and height to 72 * update react icon to height 72 and width 63 * updated spacing for tablet and mobile view between cardlinks --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> Co-authored-by: Lyka Labrada <lykalabrada@gmail.com> * feat(ui-ux): update statisticsPanel to check for horizontalView (#539) * feat(ui-ux): add common datastrip component * rename variables * add stats display to masternodes page * update undefined handling * update translations * update to check if its 2 items in the StatsPanel to have horizontal view * update variable naming in statisticspanel --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feature(ui-ux): dapp cards animations (#542) * feat(ui-ux): dapp cards animations * code cleanup * chore(ui-ux): update 2023 roadmap (#541) * chore(ui-ux): remove consortium and DLW card, update erc20 bridge image and text to quantum * chore(ui-ux): move defichain.com redesign and DMC explorer to Q2 * bump(deps): update @waveshq/standard to ^0.45.0 (#534) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * Adding_LOCK_Staking (#544) Added LOCK Staking to the Staking section on DeFiChain.com and replaced DFX as Staking Provider Co-authored-by: Jonas Surmann <jonas.p.surmann@gmail.com> * [ImgBot] Optimize images (#545) *Total -- 162.66kb -> 137.73kb (15.33%) /public/img/timeline/2023/2023_Q1_ERC_20_BRIDGE.png -- 158.35kb -> 133.55kb (15.66%) /public/assets/img/downloads/quantum.png -- 0.47kb -> 0.41kb (12.55%) /public/assets/img/downloads/jly.svg -- 1.82kb -> 1.79kb (2.09%) /public/assets/svg/exchanges/logo-lock.svg -- 2.02kb -> 1.98kb (1.94%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com> Co-authored-by: ImgBotApp <ImgBotHelp@gmail.com> * chore(ops): bump pnpm * chore: refactor and remove unused png * fix: dapp card animation * fix: responsive styling for different screen sizes * chore: refactor Card component * fix: prevent holding of image on touch devices * fix: remove spotlight bg and properties on quantum dapp card * remove poster prop * Revert "Merge branch 'main' into chloe/dapp-cards-animation" This reverts commit 25cf9d7, reversing changes made to 1954e85. * Revert "Merge branch 'feature/2.0' into chloe/dapp-cards-animation" This reverts commit f8d4737, reversing changes made to 993bfbd. * Revert "Revert "Merge branch 'feature/2.0' into chloe/dapp-cards-animation"" This reverts commit 028a67e. * Delete jly.svg * shift video to asset/video directory * fix: rename dapp movs * fix: tablet gap * fix: handle padding and card gap * fix: gap styling for mobile * fix: card gap and invest card bg * fix: section container bottom padding * fix: handle hover ellipse bg * code cleanup * Delete HomePageHeader.tsx * Revert "Delete HomePageHeader.tsx" This reverts commit 534c420. * fix: adjust flexibility container top padding * fix: ipad padding --------- Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com> Co-authored-by: JoshuaC817 <josh_817@hotmail.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: LOCKstaking <112965923+LOCKstaking@users.noreply.github.com> Co-authored-by: Jonas Surmann <jonas.p.surmann@gmail.com> Co-authored-by: imgbot[bot] <31301654+imgbot[bot]@users.noreply.github.com> Co-authored-by: ImgBotApp <ImgBotHelp@gmail.com> Co-authored-by: JJ Adonis <work@josejai.me> * feat(ui-ux): add hero banner to explore dfi page (#548) * feat(ui-ux): add hero banner to explore dfi page * updated font size for hero banner desc --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feat(ui-ux): add statistics display to explore/dfi page (#549) * feat(ui-ux): add statistics display to explore/dfi page * fix displayId * update explore dfi page jump link * remove additional line in locales file * remove unused log * updated to provide more context to suffix and value * fix(ui-ux): language dropdown UI (#553) * fix(ui-ux): language dropdown UI * fix: adjust position of list --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feat(ui-ux): add harness dfi section to explore dfi page (#557) * feat(ui-ux): add harness dfi section to explore dfi page * remove unused console * fix icons width and height * update icons classnames and LPIcon Hover * fix stylings * add id to icons * fix stylings * update icons and remove animations * fix spacing between icons and text * chore(ui-ux): remove invest trade and earn from header and footer (#558) * remove invest trade and earn from header and footer * fix 1280px layout for explore * update image link for explore * add video loop * fix video loop issue * update explore links for footer * fix typo * feat(ui-ux): add footer cards to explore dfi page (#559) Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feat(ui-ux): add explore dex page hero banner (#560) * feat(ui-ux): add explore dex page hero banner * fix missing translation * fix index of explore headers * chore: remove all languages except en and de Add links to footer and nav header * feat(ui-ux): add dex stats display to explore dex page (#561) * feat(ui-ux): add explore dex page hero banner * fix missing translation * fix index of explore headers * feat(ui-ux): add stats to explore dex page * update to pull out api calls to separate functions * update translations and added + for statspanel * feat(ui-ux): add Initial Token Distribution Section (#564) * feat(ui-ux): add Initial Token Distribution Section * add translations file * update icon items to fixed width * update to remove extra space in translations file --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feat(ui-ux): add get dfi section (#563) * feat(ui-ux): add get dfi section * feat(ui-ux): explore dfi - update staking title * feat(ui-ux): get dfi - update list of exchanges * feat(ui-ux): fetch dfi price from gecko and market cap * feat(ui-ux): dispaly dfi price note * feat(ui-ux): set N/A as default price * feat(ui-ux): add hover effect to exchanges * feat(ui-ux): remove v1 file ExchangeSection * feat(ui-ux): adjust spacing between distribution and dfi sections * Update url for LATOKEN exchange --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * fix(ui-ux): background refresh (#555) * 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> * feat: add links to card above footer * fix(ui-ux): footer redesign (#565) * added and removing sections of the footer * updated the footer arrow hover * changed the footer to follow new design * some design alignments * removed mx for mobile view * updated the FooterLinkItemProps interface * accidentally removed on hover svg gradient color * removed external arrow for white paper * edited the gaps for mobile footer * feature(ui-ux): benefits of masternode section (#568) * added masternodes benefits text in json * added masternodes benefits section * added the icons * initial animation scaffolding * finalized the designs * removed animated svg on hover ; deprioritized * added absolute backgrounds * commented out hover animations --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feature(header): link get DFI button to `explore/dfi` (#572) * feat: link get dfi to exchanges Rename button label * refactor: rename variable and id * feat: scroll to element on page refresh * fix: video blocking text on homepage banner * chore: hide desc for stat panel in explore/dex * chore: remove console * feat: scroll to element when navigating from other page * Increase scroll to hash element timeout to exceed menu close animation time Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> --------- Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * feature(ui-ux): expore dfi erc20 section (#571) * feature(ui-ux): explore dfi ERC20 section * code refactor * fix: title whitespace * fix youtube naming in us/de; * fix youtube naming in zh; * feat(ui-ux): add header mvp updates (#573) * feat(ui-ux): add header mvp updates * update header rect bottom check * update translations and fix layout * update hover state of icon and translations * add Coming Soon translations prep * fix translation typo * update translations and explore layout * fix stylings and add target for block explorer * update to use next link * feat(ui-ux): update HeroBanner BG to be within the container (#574) * feat(ui-ux): update HeroBanner BG to be within the container * update z index --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feat(ui-ux): add missing assets and fix assets placement (#577) * feat(ui-ux): add missing assets and fix assets placement * add missing assets * add missing assets for herobanner * feature(ui-ux): why dex section in explore page (#575) * feature(ui-ux): why dex section in explore page * fix: gap y between items * fix: desc text width * fix: text translation, link explore DEX button, added accent * enforce href prop in SecondaryButton component --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feature(core): prismic section from blog.defichain.com (#562) * added prismic * added whats happening section skeleton * did up the design skeleton * updated design according to figma * refactored Post card to be dynamic * added gradient background * updated interface * clean up * added line clamp to deal with long titles * updated card bg image to use the endpoint data * added next line for title * removed test background * added key --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * chore: update lock file * chore: linting * chore: linting * chore(ui-ux): add translations for explore wallets (#579) * chore(ui-ux): add translations * fix z index of assets * fix: console error on key prop * fix(ui-ux): background update (#580) * fix(ui-ux): background update * fix: remove generic background * code cleanup * chore(ui-ux): hide UI for non-mvp (#581) * feat: add prismic url to content-security-policy * chore: hide UI element for non-mvp Hide CTA buttons, explore cards and dfi price from exchange Update button padding Add key to .map element Add link to CTA on homepage Remove unused code * feat: update EN copy (#582) * feature(ui-ux): Masternodes technical guide (#576) * feature(ui-ux): added Tech guide for MN * fixed scroll issue * added bg for desktop header * edited the design for web view to follow figma * minor css changes * changed background assets * added some stylings for mobile * updated the masternodes button to link to technical guide * edited the background asset for tablet * edited the code text * changed target to the same as Link * edited the mb for large screens * resolved type error for staticprops * updated target type * changed to technical-guide * commented out explore cards ; not part of mvp * fix: handle single line and multi line code * fix: align header width when viewport is 1921>x>1227px * feat: scroll onto hash on refresh Display hash in url when click on toc anchor link * chore: add missing backtick --------- Co-authored-by: Harsh <harshrathi.dev@gmail.com> Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> Co-authored-by: Keng Ye <kengyeleow@gmail.com> * feat: add new share image Update twitter card metadata * chore: use name prop for twitter meta tags * fix: linting * chore: rename dmc to DeFi Meta Chain Signed-off-by: Keng Ye <kengyeleow@gmail.com> * chore: add de translation to homepage (#586) Todo: jumpstart into defichain ecosystem section has content update * feat(ui-ux): update homepage ecosystems card (#583) * feat(ui-ux): update ecosystems card in homepage * update to use next/link and update href for cards * remove hover for tablet and mobile and enable pointer events for tablet and mobile --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feat(ui-ux): update start exploring jump links to jump after statistics display (#584) Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * fix: add prismic image domain into csp * fix(ui-ux): fix to use overflow hidden instead of overflow clip as clip might not be supported (#587) * feature(home): add roadmap section (#578) * feat: init new road map section with placeholder All UI is WIP * feat: add slider arrow Style arrow to be responsive * feat: add content to roadmap * chore: remove v1 roadmap * chore: remove pagination on desktop Switch devnet card with testnet card * feat: add accent to blogpost section Rename accent file * chore: remove progress bar on desktop Fix border width of card Set width of title to fit-content Signed-off-by: Keng Ye <kengyeleow@gmail.com> * chore: update spacing Signed-off-by: Keng Ye <kengyeleow@gmail.com> --------- Signed-off-by: Keng Ye <kengyeleow@gmail.com> Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * chore: add translation for roadmap Signed-off-by: Keng Ye <kengyeleow@gmail.com> * chore(ui-ux): add translations for explore pages (#589) * chore(ui-ux): add translations * add future prep * chore(ui-ux): update homepage cards hover state text to be the same (#590) * chore: add translation for get dfi label Signed-off-by: Keng Ye <kengyeleow@gmail.com> * feat(ui-ux): add external arrow to explore dfi erc 20 section (#592) * feat(ui-ux): add external arrow to explore dfi erc 20 section * fix header icon on community shrinking in size * build: remove whale api client lib Signed-off-by: Keng Ye <kengyeleow@gmail.com> * build: remove tw line-clamp lib line clamp now included by default in tw >3.3.0 Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix(ui-ux): text alignment for de on explore dfi harness section (#593) * feat(ui-ux): add external arrow to explore dfi erc 20 section * fix header icon on community shrinking in size * fix de language text format shift * fix(ui-ux): fix homepage padding between statistics and blockchain section (#594) * fix(ui-ux): update padding and statistics cube bg to not overlap section title in homepage * update to use pt-20 instead of pt-[80px] * chore: add translations for jumpstart content Signed-off-by: Keng Ye <kengyeleow@gmail.com> * chore: separate metachain into two words Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix(ui-ux): added fix for overflow and stick as well as assets shifting (#595) Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * feat: add gtag to all pages (#569) * feat: use html5 markup (#600) Signed-off-by: Keng Ye <kengyeleow@gmail.com> * chore(ui-ux): update translations for explore/dfi and header (#602) * chore(ui-ux): update translations for explore/dfi and header * fix button round on physical mobile for explore/dex page * fix(ui): icon placement in physical mobile device (#603) * fix: icon placement in physical device Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix: alignment Signed-off-by: Keng Ye <kengyeleow@gmail.com> --------- Signed-off-by: Keng Ye <kengyeleow@gmail.com> * feat(link): update link sharing text and browser title for each page (#601) * feat: update html title for each page Signed-off-by: Keng Ye <kengyeleow@gmail.com> * feat: add de title Signed-off-by: Keng Ye <kengyeleow@gmail.com> * chore: add title for other languages Signed-off-by: Keng Ye <kengyeleow@gmail.com> --------- Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix: add gtag domain to security headers Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix: add gtag domain to next.config Into `script-src-elem` Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix: add gtag domain to `connect-src` Signed-off-by: Keng Ye <kengyeleow@gmail.com> * feature(ui-ux): added the white paper (#597) * added plugin rehype-raw * updated to read subtitle * edited white paper md file * removed old imports * styling for white paper * updated some md stylings * edited toc * removed console log * removed unnecessary file * changed toc font stylings * removed unused imports * fixed toc bug * edited content so user can view in all screens * allowed toc to be scrollable * added space for headers and tabbed the bullets * pr comments * changed font for headers * added scroll-mt for <h3> * changed to kebab case * fixed multiple same dex ids issue * changed the id for footnotes to get the subscripts working * fixed the tag * fixed console errors * removed extra div * included the Head again * edited the head * open footnote links in new tab * fix the next config js * remove old link in footnote --------- Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * add href link to white paper in explore dfi page (#604) * feature(ui-ux): privacy policy redesign (#591) * feature(ui-ux): privacy policy redesign * fix: jump to section * fix: format markdown for styling and remove prose styling * update de .md file to contain styling * code cleanup * fix: header bottom padding * fix: responsive text color for table of content on active section title * fix: table of content text styling * fix: update text * fix: content styling * chore: revert changes for package.json * update de .md file * add Head component * fix: add bottom padding for last section title * fix: scroll rootmargin on section title * fix: add subtitle in md files * fix: update metatag and shift to first child --------- Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * chore: update lock file Signed-off-by: Keng Ye <kengyeleow@gmail.com> * revert: tw line clamp in package Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix: add subtitle to all .md Signed-off-by: Keng Ye <kengyeleow@gmail.com> * chore(ui-ux): update translations to Light Wallet * chore(ui-ux): add testid (#612) * chore(ui-ux): add testid * fix: add test agnoistic ids * cleanup * update build testids * cleanup * fix: update testids * fix(ui-ux): update external link buttons in homepage (#607) * fix(ui-ux): update external link buttons in homepage * fix: fit click area and adjust text and icon * chore(ui-ux): update text size and text styles for own a masternode (#605) * chore(ui-ux): update text size and text styles for own a masternode * update text color for desc --------- Co-authored-by: Chloe <44501120+chloezxyy@users.noreply.github.com> * refactor(files): remove v1 files and re-route some to 404 (#614) * chore: remove dfi, downloads, dex, developers, ecosystem page * add routing * feat: route security to 404 Signed-off-by: Keng Ye <kengyeleow@gmail.com> --------- Signed-off-by: Keng Ye <kengyeleow@gmail.com> Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> * fix: button missing px, align vertical spacing (#615) Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix(translation): white paper DE translations (#606) * removed arrows for footnote * added DE translation * resolved previous issues * changed bg asset path * edited id in DE.md * resolved two of the same id * handled reload whenever language changes * resolved weird scroll issues * chore: update de translation Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix(ui-ux): fix CryptoID not color changing in safari (#619) * fix(ui-ux): error page (#618) * changed error page design * added bg accent * added responsive designs * added translations * one bg accent got removed & paddings changed in design * removed array * changed h1 to section * changed div to h1 * updated accurate DE translation * have error page fill the viewport height * reverted the change and filled up white space for bg * fixed footer to bottom of screen * removed mt-auto * fix(translation): added support for title_de for prismic (#620) * added support for title_de for prismic * pr comments * updated type * updated to check length too * added type and checked length * chore: add .catch to client api calls Signed-off-by: Keng Ye <kengyeleow@gmail.com> * changed to w-auto to account for safari (#623) * fix: update cli image Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix(ui-ux): ui fixes (#622) * fix: update de translations for wallet app naming * fix: handle overlapping video on Safari * fix: add hover icons for external links in header * revert to prev transition behavior * fix: dfi svg color on hover --------- Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> * fix: remove outdated prop Signed-off-by: Keng Ye <kengyeleow@gmail.com> * fix: update cli and dfx image Signed-off-by: Keng Ye <kengyeleow@gmail.com> * added support for DE translations * EN and DE translations * fix(ui-ux): fix invisible nav header for safari 16.3 (#624) * fix(ui-ux): add safari version check * update to use conditional rendering in tailwindcss instead of conditional rendering of button * update conditional stylings of menuButton * fix(ui-ux): fix scroll issue in firefox (#626) * fix(ui-ux): fix scroll issue in firefox * add height * cleanup * translations for de, fr, en * fix(ui-ux): update whitepaper to use key to reload table of content instead of refreshing the page (#627) * only kept DE translations * cleaned up the code * added a comment for clarity of the prefix variable * only have + sign for when there is a suffix * included types * fixed the lint issue * added ? * removed space in translation file --------- Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com> Signed-off-by: Keng Ye <kengyeleow@gmail.com> Co-authored-by: veralygit <57183851+veralygit@users.noreply.github.com> Co-authored-by: Keng Ye <kengyeleow@gmail.com> Co-authored-by: Keng Ye <40191153+kyleleow@users.noreply.github.com> Co-authored-by: Chloe <44501120+chloezxyy@users.noreply.github.com> Co-authored-by: JoshuaC817 <josh_817@hotmail.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Lyka Labrada <lykalabrada@gmail.com> Co-authored-by: LOCKstaking <112965923+LOCKstaking@users.noreply.github.com> Co-authored-by: Jonas Surmann <jonas.p.surmann@gmail.com> Co-authored-by: imgbot[bot] <31301654+imgbot[bot]@users.noreply.github.com> Co-authored-by: ImgBotApp <ImgBotHelp@gmail.com> Co-authored-by: JJ Adonis <work@josejai.me> Co-authored-by: Mikhail <mykhailo@cakedefi.com> Co-authored-by: Harsh <harshrathi.dev@gmail.com>
diff --git a/public/locales/de/common.json b/public/locales/de/common.json
@@ -5,5 +5,13 @@
   },
   "StartExploring": {
     "button": "Beginne mit der Erkundung"
+  },
+  "statisticsDisplay": {
+    "prefix": "Über",
+    "suffix": {
+      "B+": "Mrd.",
+      "M+": "Mio.",
+      "K+": "Tsd."
+    }
   }
 }
diff --git a/public/locales/en-US/common.json b/public/locales/en-US/common.json
@@ -5,5 +5,13 @@
   },
   "StartExploring": {
     "button": "Start exploring"
+  },
+  "statisticsDisplay": {
+    "prefix": "",
+    "suffix": {
+      "B+": "B+",
+      "M+": "M+",
+      "K+": "K+"
+    }
   }
 }
diff --git a/public/locales/fr/common.json b/public/locales/fr/common.json
@@ -5,5 +5,13 @@
   },
   "StartExploring": {
     "button": "Commencer à explorer"
+  },
+  "statisticsDisplay": {
+    "prefix": "",
+    "suffix": {
+      "B+": "md",
+      "M+": "mns",
+      "K+": "milles"
+    }
   }
 }
diff --git a/public/locales/zh-Hans/common.json b/public/locales/zh-Hans/common.json
@@ -5,5 +5,13 @@
   },
   "StartExploring": {
     "button": "开始探索"
+  },
+  "statisticsDisplay": {
+    "prefix": "",
+    "suffix": {
+      "B+": "B+",
+      "M+": "M+",
+      "K+": "K+"
+    }
   }
 }
diff --git a/public/locales/zh-Hant/common.json b/public/locales/zh-Hant/common.json
@@ -5,5 +5,13 @@
   },
   "StartExploring": {
     "button": "開始探索"
+  },
+  "statisticsDisplay": {
+    "prefix": "",
+    "suffix": {
+      "B+": "B+",
+      "M+": "M+",
+      "K+": "K+"
+    }
   }
 }
diff --git a/src/components/commons/StatisticPanel.tsx b/src/components/commons/StatisticPanel.tsx
@@ -1,6 +1,8 @@
 import { useUnitSuffix } from "@hooks/useUnitSuffix";
 import CountUp from "react-countup";
 import classNames from "classnames";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
 
 interface StatisticPanelItemProps {
   title: string;
@@ -73,6 +75,8 @@ function StatisticsPanelItem({
   isTabletHorizontal?: boolean;
   testID: string;
 }) {
+  const { t } = useTranslation("common");
+  const router = useRouter();
   const { suffix, value } = useUnitSuffix(
     stats === undefined ? "N/A" : stats.toString()
   );
@@ -108,19 +112,7 @@ function StatisticsPanelItem({
           )}
         >
           {stats ? (
-            <>
-              {prefix ?? ""}
-              <CountUp
-                onUpdate={({ reset, start }) => {
-                  reset();
-                  start();
-                }}
-                end={Number(value)}
-                enableScrollSpy
-                duration={0.5}
-              />
-              {suffix !== "" ? `${suffix}+` : `+`}
-            </>
+            getLocaledStatisticValue(t, router.locale, prefix, value, suffix)
           ) : (
             <>N/A</>
           )}
@@ -140,3 +132,71 @@ function StatisticsPanelItem({
     </article>
   );
 }
+
+function getLocaledStatisticValue(
+  t: any,
+  locale?: string,
+  prefix?: string,
+  value?: string,
+  suffix?: string
+) {
+  switch (locale) {
+    case "de":
+      return (
+        <>
+          {suffix !== "" ? `${t("statisticsDisplay.prefix")} ` : ``}
+          <CountUp
+            onUpdate={({ reset, start }) => {
+              reset();
+              start();
+            }}
+            end={Number(value)}
+            enableScrollSpy
+            duration={0.5}
+          />
+          {suffix !== "" ? ` ${t(`statisticsDisplay.suffix.${suffix}`)} ` : ``}
+
+          {/* This prefix is for the $ symbol */}
+          {prefix ?? ""}
+        </>
+      );
+
+    // commented out for further discussions
+    // case "fr":
+    //   return (
+    //     <>
+    //       <CountUp
+    //         onUpdate={({ reset, start }) => {
+    //           reset();
+    //           start();
+    //         }}
+    //         end={Number(value)}
+    //         enableScrollSpy
+    //         duration={0.5}
+    //       />
+    //       {suffix !== ""
+    //         ? ` ${t(`statisticsDisplay.suffix.${suffix}`)} ${
+    //             prefix ? " de $" : ""
+    //           } ou plus`
+    //         : `+`}
+    //     </>
+    //   );
+
+    default:
+      return (
+        <>
+          {prefix ?? ""}
+          <CountUp
+            onUpdate={({ reset, start }) => {
+              reset();
+              start();
+            }}
+            end={Number(value)}
+            enableScrollSpy
+            duration={0.5}
+          />
+          {suffix !== "" ? `${t(`statisticsDisplay.suffix.${suffix}`)} ` : ``}
+        </>
+      );
+  }
+}
diff --git a/src/hooks/useUnitSuffix.tsx b/src/hooks/useUnitSuffix.tsx
@@ -1,10 +1,10 @@
 import BigNumber from "bignumber.js";
 
 const units = {
-  3: "K",
-  6: "M",
-  9: "B",
-  12: "T",
+  3: "K+",
+  6: "M+",
+  9: "B+",
+  12: "T+",
 };
 
 interface UnitSuffix {

Original file line number	Diff line number	Diff line change
`@@ -5,5 +5,13 @@`
`5`	`5`	`},`
`6`	`6`	`"StartExploring": {`
`7`	`7`	`"button": "Beginne mit der Erkundung"`
	`8`	`+ },`
	`9`	`+ "statisticsDisplay": {`
	`10`	`+ "prefix": "Über",`
	`11`	`+ "suffix": {`
	`12`	`+ "B+": "Mrd.",`
	`13`	`+ "M+": "Mio.",`
	`14`	`+ "K+": "Tsd."`
	`15`	`+ }`
`8`	`16`	`}`
`9`	`17`	`}`