eca52ad058
* Update eslint config to prevent default exports * exlucde vitest config from banned default exports * Remove default exports from Monitoring App * Replace default exports with named exports * Fix klaviyo import path * Replace default exports in CMS
42 lines
859 B
TypeScript
42 lines
859 B
TypeScript
import { makeStyles, PageTab, PageTabs } from "@saleor/macaw-ui";
|
|
import { useRouter } from "next/router";
|
|
|
|
const useStyles = makeStyles({
|
|
tabs: {
|
|
margin: "16px 0",
|
|
},
|
|
});
|
|
|
|
const tabs = {
|
|
channels: {
|
|
label: "Channels",
|
|
},
|
|
providers: {
|
|
label: "Providers",
|
|
},
|
|
};
|
|
|
|
export type AppTab = keyof typeof tabs;
|
|
|
|
interface AppTabsProps {
|
|
activeTab: keyof typeof tabs;
|
|
}
|
|
|
|
export const AppTabs = ({ activeTab }: AppTabsProps) => {
|
|
const styles = useStyles();
|
|
const router = useRouter();
|
|
|
|
const handleTabChange = (value: string) => {
|
|
router.push(value);
|
|
};
|
|
|
|
return (
|
|
<div className={styles.tabs}>
|
|
<PageTabs value={activeTab} onChange={handleTabChange}>
|
|
{Object.entries(tabs).map(([key, config]) => (
|
|
<PageTab key={key} value={key} label={config.label} />
|
|
))}
|
|
</PageTabs>
|
|
</div>
|
|
);
|
|
};
|