@@ -103,12 +104,17 @@ const GridTabs = ({ children }: GridTabsProps) => {
{Children.map(children, (child) => {
if (!isValidElement(child)) return null;
const buttonClass = classNames('p-8', {
- 'text-vega-pink': child.props.name === activeTab,
+ 'text-vega-pink': query[group] === child.props.name,
});
return (
@@ -118,7 +124,7 @@ const GridTabs = ({ children }: GridTabsProps) => {
{/* the content */}
{Children.map(children, (child) => {
- if (isValidElement(child) && child.props.name === activeTab) {
+ if (isValidElement(child) && query[group] === child.props.name) {
return
{child.props.children}
;
}
return null;
diff --git a/apps/trading/pages/markets/index.page.tsx b/apps/trading/pages/markets/index.page.tsx
index b6edfafba..da72a9de4 100644
--- a/apps/trading/pages/markets/index.page.tsx
+++ b/apps/trading/pages/markets/index.page.tsx
@@ -28,7 +28,10 @@ const Markets = () => {