fix(ui): use Tabs instead of SegmentedTabs for content navigation
This commit is contained in:
@@ -1,11 +1,11 @@
|
|||||||
import { SegmentedTabs } from '@cameleer/design-system';
|
import { Tabs } from '@cameleer/design-system';
|
||||||
import type { TabKey } from '../hooks/useScope';
|
import type { TabKey } from '../hooks/useScope';
|
||||||
import styles from './ContentTabs.module.css';
|
import styles from './ContentTabs.module.css';
|
||||||
|
|
||||||
const TABS = [
|
const TABS = [
|
||||||
{ label: 'Exchanges', value: 'exchanges' as const },
|
{ label: 'Exchanges', value: 'exchanges' },
|
||||||
{ label: 'Dashboard', value: 'dashboard' as const },
|
{ label: 'Dashboard', value: 'dashboard' },
|
||||||
{ label: 'Runtime', value: 'runtime' as const },
|
{ label: 'Runtime', value: 'runtime' },
|
||||||
];
|
];
|
||||||
|
|
||||||
interface ContentTabsProps {
|
interface ContentTabsProps {
|
||||||
@@ -16,7 +16,7 @@ interface ContentTabsProps {
|
|||||||
export function ContentTabs({ active, onChange }: ContentTabsProps) {
|
export function ContentTabs({ active, onChange }: ContentTabsProps) {
|
||||||
return (
|
return (
|
||||||
<div className={styles.wrapper}>
|
<div className={styles.wrapper}>
|
||||||
<SegmentedTabs
|
<Tabs
|
||||||
tabs={TABS}
|
tabs={TABS}
|
||||||
active={active}
|
active={active}
|
||||||
onChange={(v) => onChange(v as TabKey)}
|
onChange={(v) => onChange(v as TabKey)}
|
||||||
|
|||||||
Reference in New Issue
Block a user