-
Notifications
You must be signed in to change notification settings - Fork 74
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
feat(uirefresh): component refresh - market selector #1073
feat(uirefresh): component refresh - market selector #1073
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
also will updating the markets table row padding/height be a later change?
ah good point - missed sorry, updated now! Also updated the icon size in each row in the follow up PR here
src/components/Separator.tsx
Outdated
height: ${({ fullHeight }) => css` | ||
${fullHeight ? css`100%;` : css`calc(100% - 1.5rem);`} | ||
`} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit: do we need the double css`` wrapping?
className?: string; | ||
}; | ||
|
||
export const SortIcon = ({ sortDirection, className }: ElementProps & StyleProps) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ah yes - lemme update with achal's icons!
placeholder={stringGetter({ key: searchPlaceholderKey })} | ||
onTextChange={onSearchTextChange} | ||
/> | ||
{uiRefresh && showProposeButton && showLaunchMarkets && launchMarketButton} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
is adding the showLaunchMarkets
to determine whether to show propose button an intentional change? since we used to just show the button when showProposeButton
is true
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yess - so was following logic for when we enable the Launch Market route here - since the route doesn't exist unless pml is enabled, I also hide it here. Note that the existing "Propose markets" button logic doesn't change
src/views/MarketsDropdown.tsx
Outdated
{ | ||
columnKey: 'oraclePrice', | ||
getCellValue: (row) => row.oraclePrice, | ||
label: stringGetter({ key: STRING_KEYS.PRICE }), | ||
renderCell: ({ oraclePrice, tickSizeDecimals }) => ( | ||
<$Output type={OutputType.Fiat} value={oraclePrice} fractionDigits={tickSizeDecimals} /> | ||
), | ||
}, | ||
} satisfies ColumnDef<MarketData>, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
could we potentially add this at the end and do something like satisfies ColumnDef<MarketData>[]
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🌶️🌶️🌶️🌶️
Update the market selector + dropdown for the ui refresh. Most changes flagged. See figma here.
Mainly:
Note:
uirefresh=true
, and would addpml=true
for the launch markets buttonViews
MarketSelectorAndStats
MarketStatsDetails
MarketFilter
uirefresh
enabled:pml
flag as well)MarketDropdown
uirefresh
enabled:uirefresh
enabledComponents
SearchInput
SortIcon
Table
SortIcon
when flag enabledToggleGroup
Separator
VerticalSeparator
Packages
localization