Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-10 23:45:44 +01:00
Code Issues Packages Projects Releases Activity

fix broken button stories

Browse Source
This commit is contained in:
Sebastian Sdorra
2020-03-30 15:08:38 +02:00
parent daa272b4fc
commit 3bd8534fd7
2 changed files with 344 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

341
scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
View File

@@ -34188,6 +34188,347 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
</div> </div>
`; `;
exports[`Storyshots Navigation|Secondary Collapsed 1`] = `
<div
className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
>
<div
className="column is-3"
>
<aside
className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
>
<div>
<p
className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 ktrCnD menu-label"
onClick={[Function]}
>
<i
className="SecondaryNavigation__Icon-sc-8p1rgi-1 cqWEjA is-medium"
color="info"
>
<i
className="fas fa-caret-down"
/>
</i>
</p>
<ul
className="menu-list"
>
<li
title="Puzzle 42"
>
<a
className="is-active has-text-centered"
href="/"
onClick={[Function]}
>
<i
className="fas fa-puzzle-piece fa-fw"
/>
</a>
</li>
<li
title="Heart Of Gold"
>
<a
className="has-text-centered"
href="/some"
onClick={[Function]}
>
<i
className="fas fa-star fa-fw"
/>
</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
`;
exports[`Storyshots Navigation|Secondary Collapsed EP Sub 1`] = `
<div
className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
>
<div
className="column is-3"
>
<aside
className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
>
<div>
<p
className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bGijuJ menu-label"
>
Hitchhiker
</p>
<ul
className="menu-list"
>
<li>
<a
className=""
href="/42"
onClick={[Function]}
>
<i
className="fas fa-puzzle-piece fa-fw"
/>
Puzzle 42
</a>
</li>
<li>
<a
className="is-active"
href="/hitchhiker/starships"
onClick={[Function]}
>
<i
className="fas fa-cog fa-fw"
/>
Starships
</a>
<ul
className="sub-menu"
>
<li>
<a
className=""
href="/hitchhiker/starships/heart-of-gold"
onClick={[Function]}
>
<i
className="fas fa-star fa-fw"
/>
Heart Of Gold
</a>
</li>
<li>
<a
className="is-active"
href="/hitchhiker/starships/titanic"
onClick={[Function]}
>
Titanic
</a>
</li>
</ul>
</li>
</ul>
</div>
</aside>
</div>
</div>
`;
exports[`Storyshots Navigation|Secondary Default 1`] = `
<div
className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
>
<div
className="column is-3"
>
<aside
className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
>
<div>
<p
className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bGijuJ menu-label"
onClick={[Function]}
>
<i
className="SecondaryNavigation__Icon-sc-8p1rgi-1 SeoNL is-medium"
color="info"
>
<i
className="fas fa-caret-right"
/>
</i>
Hitchhiker
</p>
<ul
className="menu-list"
>
<li>
<a
className="is-active"
href="/"
onClick={[Function]}
>
<i
className="fas fa-puzzle-piece fa-fw"
/>
Puzzle 42
</a>
</li>
<li>
<a
className=""
href="/some"
onClick={[Function]}
>
<i
className="fas fa-star fa-fw"
/>
Heart Of Gold
</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
`;
exports[`Storyshots Navigation|Secondary Sub Navigation 1`] = `
<div
className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
>
<div
className="column is-3"
>
<aside
className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
>
<div>
<p
className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bGijuJ menu-label"
onClick={[Function]}
>
<i
className="SecondaryNavigation__Icon-sc-8p1rgi-1 SeoNL is-medium"
color="info"
>
<i
className="fas fa-caret-right"
/>
</i>
Hitchhiker
</p>
<ul
className="menu-list"
>
<li>
<a
className=""
href="/42"
onClick={[Function]}
>
<i
className="fas fa-puzzle-piece fa-fw"
/>
Puzzle 42
</a>
</li>
<li>
<a
className=""
href="/hitchhiker/starships"
onClick={[Function]}
>
<i
className="fas fa-cog fa-fw"
/>
Starships
</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
`;
exports[`Storyshots Navigation|Secondary Sub Navigation Collapsed 1`] = `
<div
className="SecondaryNavigationstories__Columns-fdxo4w-0 fJKROg columns"
>
<div
className="column is-3"
>
<aside
className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
>
<div>
<p
className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bGijuJ menu-label"
>
Hitchhiker
</p>
<ul
className="menu-list"
>
<li>
<a
className=""
href="/42"
onClick={[Function]}
>
<i
className="fas fa-puzzle-piece fa-fw"
/>
Puzzle 42
</a>
</li>
<li>
<a
className="is-active"
href="/hitchhiker/starships"
onClick={[Function]}
>
<i
className="fas fa-cog fa-fw"
/>
Starships
</a>
<ul
className="sub-menu"
>
<li>
<a
className="is-active"
href="/hitchhiker/starships/heart-of-gold"
onClick={[Function]}
>
<i
className="fas fa-star fa-fw"
/>
Heart Of Gold
</a>
</li>
<li>
<a
className=""
href="/hitchhiker/starships/titanic"
onClick={[Function]}
>
Titanic
</a>
</li>
</ul>
</li>
</ul>
</div>
</aside>
</div>
</div>
`;
exports[`Storyshots RepositoryEntry Avatar EP 1`] = ` exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
<div <div
className="RepositoryEntrystories__Spacing-toppdg-0 khfzcK box box-link-shadow" className="RepositoryEntrystories__Spacing-toppdg-0 khfzcK box box-link-shadow"

4
scm-ui/ui-components/src/buttons/index.stories.tsx
View File

@@ -41,9 +41,10 @@ const Spacing = styled.div`
`; `;
const SpacingDecorator = (story: () => ReactNode) => <Spacing>{story()}</Spacing>; const SpacingDecorator = (story: () => ReactNode) => <Spacing>{story()}</Spacing>;
const RoutingDecorator = (story: () => ReactNode) => <MemoryRouter initialEntries={["/"]}>{story()}</MemoryRouter>;
storiesOf("Buttons|Button", module) storiesOf("Buttons|Button", module)
.addDecorator(story => <MemoryRouter initialEntries={["/"]}>{story()}</MemoryRouter>) .addDecorator(RoutingDecorator)
.add("Colors", () => ( .add("Colors", () => (
<div> <div>
{colors.map(color => ( {colors.map(color => (
@@ -72,6 +73,7 @@ storiesOf("Buttons|Button", module)
const buttonStory = (name: string, storyFn: () => ReactElement) => { const buttonStory = (name: string, storyFn: () => ReactElement) => {
return storiesOf("Buttons|" + name, module) return storiesOf("Buttons|" + name, module)
.addDecorator(RoutingDecorator)
.addDecorator(SpacingDecorator) .addDecorator(SpacingDecorator)
.add("Default", storyFn); .add("Default", storyFn);
}; };