github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-04-30 13:49:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Format tab-switcher stories jsx file

Browse Source
This commit is contained in:
Eva Marco 2025-08-26 16:54:48 +02:00 committed by Andrey Antukh
parent 65f4adc68e
commit 6401b25964
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/app/main/ui/ds/layout/tab_switcher.stories.jsx
View File

@ -13,8 +13,8 @@ const Padded = ({ children }) => (
<div style={{ padding: "10px" }}>{children}</div>
);
const TabSwitcherWrapper = ({tabs, ...props}) => {
const navTabs = tabs.map(({content, ...item}) => {
const TabSwitcherWrapper = ({ tabs, ...props }) => {
const navTabs = tabs.map(({ content, ...item }) => {
return item;
});
@ -28,7 +28,12 @@ const TabSwitcherWrapper = ({tabs, ...props}) => {
}, {});
return (
<TabSwitcher tabs={navTabs} selected={selected} onChange={setSelected} {...props}>
<TabSwitcher
tabs={navTabs}
selected={selected}
onChange={setSelected}
{...props}
>
{content[selected]}
</TabSwitcher>
);
@ -77,12 +82,7 @@ export default {
},
parameters: {
controls: {
exclude: [
"tabs",
"actionButton",
"default",
"actionButtonPosition",
],
exclude: ["tabs", "actionButton", "default", "actionButtonPosition"],
},
},
render: ({ ...args }) => <TabSwitcherWrapper {...args} />,