Skip to content
This repository has been archived by the owner on Feb 2, 2024. It is now read-only.

Home page Epic #58

Merged
merged 58 commits into from
Jun 16, 2022
Merged

Home page Epic #58

merged 58 commits into from
Jun 16, 2022

Conversation

henrypalacios
Copy link
Contributor

Summary

Closes #35

This branch will have all the redesign of the home page.

@coveralls
Copy link

coveralls commented Apr 7, 2022

Pull Request Test Coverage Report for Build 2508757000

Warning: This coverage report may be inaccurate.

We've detected an issue with your CI configuration that might affect the accuracy of this pull request's coverage report.
To ensure accuracy in future PRs, please see these guidelines.
A quick fix for this PR: rebase it; your next report should be accurate.

  • 0 of 0 changed or added relevant lines in 0 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 43.872%

Totals Coverage Status
Change from base Build 2495827061: 0.0%
Covered Lines: 2162
Relevant Lines: 4177

💛 - Coveralls

@github-actions
Copy link

github-actions bot commented Apr 7, 2022

@ramirotw ramirotw added the DONT_MERGE Indicates the PR should not be merged. Probably a WIP or PoC. label Apr 14, 2022
@ramirotw ramirotw changed the title Home page Epic Home page Epic (WIP) Apr 14, 2022
henrypalacios and others added 22 commits April 18, 2022 04:35
* Adding grid for only 3 cards

* Changing layout style

* fix desktop layout

* fix column

* fix mobile layout v1

* fix mobile layout v2

* Know the resolution

* render when is mobile

* remove console line

* Fix Storybook, use double size on batchInfoCard, reuse grid system MIU layout

* volume chart height and fix overlap on 349px size

* Fix Tx Card

* fix card width on mobile

* fix selection bg color

* typescript typed using raw data

* Adding $ symbol

* Update src/apps/explorer/components/SummaryCardsWidget/summaryGraphResp.json

formatting

Co-authored-by: Leandro Boscariol <alfetopito@users.noreply.github.com>

* Adding useMediaBreakpoint

* fix types

Co-authored-by: Agustín Longoni <agustin.longoni@altoros.com>
Co-authored-by: Leandro Boscariol <alfetopito@users.noreply.github.com>
Co-authored-by: Ramiro Vazquez <ramirovazquez@gmail.com>
Add a copy button and navigation to the last batch
* Creating VolumeChart component

* Creating VolumeChart stories

* removing axis from the chart

* Adding card

* Adding diffVolume percentage

* Adding diffVolume percentage, test real data

* Skeleton Loading...

* volume chart styles

* tooltip by pointing to the chart

* add chart skeleton

* fix skeleton size on mobile

* layout improvements

* Resize chart and show crossHair series data

* add shimming effect to skeleton

* fix delay

* fix date position

* chart color according changed, no chart interaction

* Add loading to button

* Rebuild the chart after change time period

* add time range selectors styles

* Organizing the code

* Change title, current and changed value, delete unnecessary condition

* Uppercase CoW

* change border to outline, mobile improvement

* 0px -> 0 css

* remove -webkit declaration

* add height to volume chart

* Adding whole card loading effect

Co-authored-by: Agustín Longoni <agustin.longoni@altoros.com>
* integrate cow-sdk to home page widgets

* recreate chart when changing network

* fix chart lines colors

* use accumulated volume instead of average

Co-authored-by: Agustín Longoni <agustin.longoni@altoros.com>
@github-actions
Copy link

henrypalacios and others added 5 commits May 19, 2022 08:23
* Adding PriceTooltip Component

* Positioning tooltip

* Improve position tooltip

* Avoid overlap the chart title

* Reset tooltip when time period is changed

* Test reducing canvas

* Reflect selected period on title

* Define LogicalRange index to render weekly chart

* Describing logicalTimeRange

* Do not show tooltip when pressing invalid coordinates
* change volume chart and cards layout

* change layout for chart and cards

* fix token table width

* fix token table width on mobile

* fix width-margins + uppercase

* add total volume data

* fix margin on token table mobile

* fix layout on mobile

* fix layout width on chart - mobile

* fix card compoentent - console log errors

Co-authored-by: Ramiro Vazquez <ramirovazquez@gmail.com>
* fetch orders and order detail from barn and prod apis

* fix methods that were using only the prod env
* update summary cards each 30 seconds

* move interval ms to a constant

* change interval to 10 seconds
* update field names and types

* remove items per page dropdown

* add shimmer

* fetch tokens data from the subgraph

* add coingecko price history

* reset tokens table on network switch

* use test cow-sdk package for mainnet subgraph

* get historical data from the subgraph

* fix timestamp type

* Update TokenTable: Add address field to filtering + Add link to tokens

* Fix styles change units to rem

* use the official hosted-service mainnet subgraph again

* bump node engine to 16 due to an error with the latest dependencies added to the sdk

* fix timestamp type

* bump graphql to fix DocumentNode type incompatibility with the sdk

* Improve loading + add tooltip to price column

* bump node version on the ci

* fix volume value

* Fix tooltip + Add Total Volume column

* remove the any cast

* expand timestamp window and always show 0% values

* format total volume column

* replace function with nullish operator

* fix % difference value

* show 100% only when past value is 0

* simplify function

* improve tooltips

* fix pagination issue

* reset table when network changes

* show price chart with a minimum of data points

* fix token label on mobile

* fix # position on mobile

* remove vertical line from price chart

* get priceUsd from the token entity

* refactor a bit getTokensHistoricalData function

* add page size selector back again

* fix native tokens not displayed correctly

* fix uppercase

* total volume lowercase

Co-authored-by: Mati Dastugue <mdastugu@amazon.com>
@ramirotw ramirotw changed the title Home page Epic (WIP) Home page Epic Jun 16, 2022
@ramirotw ramirotw removed the DONT_MERGE Indicates the PR should not be merged. Probably a WIP or PoC. label Jun 16, 2022
@socket-security
Copy link

Socket Security Report

📜 New install scripts detected

A dependency change in this PR is introducing new install scripts to your install step.

Package Script field Location
sharp@0.28.3 (upgraded) install package.json via favicons-webpack-plugin@4.2.0, favicons@6.2.2
protobufjs@6.11.3 (added) postinstall package.json via @cowprotocol/cow-sdk@0.0.12, ipfs-only-hash@4.0.0, ipfs-unixfs-importer@7.0.3, ipfs-unixfs@4.0.3
Socket.dev scan summary
Issue Status
Did you mean? ✅ no new possible package typos
Install scripts ⚠️ 2 new install scripts detected
Telemetry ✅ no new telemetry
Troll package ✅ no new troll packages
Malware ✅ no new malware
Native code ✅ no new native modules

Powered by socket.dev

@ramirotw ramirotw self-requested a review June 16, 2022 11:48
@ramirotw ramirotw merged commit 8e4d570 into develop Jun 16, 2022
@ramirotw ramirotw deleted the 35-epic-home-page branch June 16, 2022 11:51
@henrypalacios henrypalacios mentioned this pull request Jun 23, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
app:Explorer Explorer App
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[HomePage] - Create Home Page
5 participants