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

49 auction page graph #50

Merged
merged 111 commits into from
Apr 13, 2022
Merged

49 auction page graph #50

merged 111 commits into from
Apr 13, 2022

Conversation

luckyrobot
Copy link

@luckyrobot luckyrobot commented Apr 11, 2022

closes #49

closes a bunch of others referenced in commits

adds loading state

looking to merge this & the other PR so i can start on the bond page & discovery pages

2022-04-11 at 12 24 02

omg it was the ido ux default styles, not react router
Copy link
Contributor

@RusseII RusseII left a comment

Choose a reason for hiding this comment

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

Lots of good work here! Left a few questions and nits. Feel free to merge this in after @jordanalexandermeyer review and create issues for any follow ups. 😊

@@ -0,0 +1,15 @@
{
Copy link
Contributor

Choose a reason for hiding this comment

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

What's the benefit of this? Is this something from apollo client?

Copy link
Author

Choose a reason for hiding this comment

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

you saw this below, it generates the graphql file. allows schema validation when writing gql in react !

@@ -0,0 +1,881 @@
# This file was generated based on ".graphqlconfig". Do not edit manually.
Copy link
Contributor

Choose a reason for hiding this comment

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

Oooooo this is nice. Automatic types! Should this be pushed, or gitignored?

Copy link
Author

Choose a reason for hiding this comment

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

i think pushed. when you start the project it will refresh the schema if necessary

@@ -2,12 +2,15 @@ import * as am4charts from '@amcharts/amcharts4/charts'
import * as am4core from '@amcharts/amcharts4/core'
import am4themesSpiritedaway from '@amcharts/amcharts4/themes/spiritedaway'
import { Token } from '@josojo/honeyswap-sdk'
import { Decimal } from 'decimal.js'
import round from 'lodash.round'
Copy link
Contributor

Choose a reason for hiding this comment

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

Was there a reason you didn't use the built in round method? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round

Copy link
Author

Choose a reason for hiding this comment

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

for decimal precision. math.round only supports whole numbers

Copy link
Contributor

Choose a reason for hiding this comment

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

I see. There is also Math.toPrecision() and Math.toFixed @luckyrobot

Copy link
Author

Choose a reason for hiding this comment

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

oh cool

it looks like lodash round is safer because it takes into account floating point errors. it still uses math.round behind the scenes. also its only like 798 bytes https://bundlephobia.com/package/lodash.round@4.0.4

https://github.com/lodash/lodash/blob/2da024c3b4f9947a48517639de7560457cd4ec6c/.internal/createRound.js#L13

chart.legend = new am4charts.Legend()
chart.legend.labels.template.fill = am4core.color('#9F9F9F')
chart.legend.labels.template.fill = am4core.color(colors.grey)
Copy link
Contributor

Choose a reason for hiding this comment

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

colors.grey is nice QOL

const digits = nd.decimalPlaces()
const decimalFormatPart = `.${'0'.repeat(digits)}`
return numberFormatter.format(nd.toNumber(), `###${digits > 0 ? decimalFormatPart : ''} a`)
maturityDate: Maybe<number>
Copy link
Contributor

Choose a reason for hiding this comment

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

What does Maybe do here?

Copy link
Author

@luckyrobot luckyrobot Apr 12, 2022

Choose a reason for hiding this comment

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

its a type i saw ido ux using a lot. i think all maybes can be cahnged to maturityDate?: number instead though

declare type Maybe<T> = T | null

can clean up in future issue

@@ -61,20 +69,26 @@ export const OrderBook: React.FC<OrderbookProps> = (props) => {
}
}

const isLoading = orderbookAuctionId != auctionId || chainId != orderbookChainId
const hasError = error || !asks || asks.length === 0
Copy link
Contributor

Choose a reason for hiding this comment

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

not sure of the context here or what asks is but seems weird that it'd be an error instead of empty if asks.length == 0

Copy link
Author

@luckyrobot luckyrobot Apr 12, 2022

Choose a reason for hiding this comment

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

yeah its weird. its really just behaving like its loading, becaues the orderbookerror component shows spinner if theres no error.message.

it was leftover ido ux logic, ill remove it in future issue

const isLoading = orderbookAuctionId != auctionId || chainId != orderbookChainId
const hasError = error || !asks || asks.length === 0
if (isLoading) {
return <LoadingBox height={521} />
Copy link
Contributor

Choose a reason for hiding this comment

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

Should this be dynamic based on screensize? 521 seems big for mobile!

Copy link
Author

Choose a reason for hiding this comment

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

the heights even when loaded don't change, they're about the same on mobile. only the widths can change (which i just default to 100%)

if you think about the content we need to display in mobile vs desktop, its always the same. just narrower

? 'The minimum price you are willing to participate at. You might receive a better price, but if the clearing price is lower, you will not participate and can claim your funds back when the auction ends.'
: 'The maximum price you are willing to participate at. You might receive a better price, but if the clearing price is higher, you will not participate and can claim your funds back when the auction ends.',
[showPriceInverted],
const columns = React.useMemo(
Copy link
Contributor

Choose a reason for hiding this comment

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

I don't see where this is being used in the PR but seems like this could be moved outside of the render with useMemo removed

Copy link
Author

Choose a reason for hiding this comment

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

created issue for this

@luckyrobot luckyrobot merged commit e732e16 into auction-page-#36 Apr 13, 2022
luckyrobot added a commit that referenced this pull request Apr 14, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy pushed a commit that referenced this pull request May 7, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* add auction header labels

* add auction cards

* applys my order & orders button group

TIL @apply derivitive

* place order button

* place order panel

* add order cutoff date per design

* place order

* full width table graph

* table graph button group is better

* auction information card

* fix mobile issues

* fix mobile issues

* remove order end date as this is already acocunted for in UI

const cancelDate = React.useMemo(

* pr fixes to auction page (#48)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* 49 auction page graph (#50)

* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
Geczy added a commit that referenced this pull request May 7, 2022
* footer comments

* auction & ongoing buttons

* pr fixes

* pr fixes

* use new logo

* slight private auction design, shogulda went to a new pr

* add warning card

* add connect wallet button

* add bond information card

* add place order borders

* add bond information card

* fix token logo images

* fix auction info card

* unused variables

* fix card titles

* graph styles

* when not a porter bond

* use utc time

* remove auction status title info

* auction info card

* change warning text

* warn color update

* can barely even see this pill on the place order token display but here it is ! heh

* force a max height on the chart

* undo rotation for now

wasnt able to push this to the top of the page

* remove the backdrop grid as designs don't have them either

* fix build

* change tooltips from weird blue

* add unknown text, and work on place order

* disable if not connected

* place order panel closer to mocks

* add disabled claim button when not participated

* cancelled ?

* accoutn has to be lowercase

* misc logs remove

* start on getting participating users via gql on an auction

* auction cards

* place order design

* adding interest rate input field

* add interest input field design

* wallet connect hover on disable fix

* when private

* add amount tooltip

* move balance down to match design

fixes some warning msgs

* found changes in design to match new color

* remove icon from warnings

* claim funds panel progress

* claim funds panel progress

* fix demo data

* rename variables to bonds

* claim funds now looks good

* connect dropdown height

* dont show dummy data

* footer fix

* place order border fix

* fix time until showing wrong date

* interest rate is not an input

* fix equal width auction details

* fix show all orders behavior

* use footer logo as svg

* extend the width for larger screens

* bond stroke color

* make the lienar border full width

* move chart label to the top

* make legend show labels

* not too wide

* couldn't do stroke width on legend without affecting the graph

* more padding in nav & chart fix

* wrap auction details on small

* fix interest rate panel rounding & calculating

* fix interest rate

* fix 100% progress

* fix order cutoff warning, but also starting on bids work

* disabled when logged out

* orderbook data back to using gnosis api

* orderbook design

* orderbook design

* same height order tables

* add no orders placeholder

* fix order buttons ize

* match my orders table

* dont start sell supply line from 0

* supposed to add fill line but iit isnt

* bids should have filler

* remove am chart logo

* legend tooltip style

* interest rate in hover

* tooltip styles inside chart

* minimum funding threshold missing

* blue gradient fill

* bug when adding amount & same price, graph dont update

* fix interest rate calculation to be diff from auction start instead of now()

* calculate interest

* can do legend container in the future

* ?

* closes #55

* cancel button

* removing hovers

* fixes

* zoom out button closes #59

* tooltip disapperas closes #61

* add table pagination closes #56

* fix safari tooltips

* min height to table

* graph - tooltips don't look the same as ours closes #54

* use now() and bond end date to calculate interest rate closes #51

also fixes some graphql queries

* we now have graphql schema validation!

* make offering nav link out closes #57

omg it was the ido ux default styles, not react router

* build fix

* add loader to auction page
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