Merge pull request #12583 from cesarsl/12534-title-space-insertion

UI: Fix page title for non-alpha chars
storybookjs · Sep 28, 2020 · f300975 · f300975
2 parents 5aa08ce + 2730329
commit f300975
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/examples/official-storybook/stories/core/unicode.stories.js b/examples/official-storybook/stories/core/unicode.stories.js
@@ -5,3 +5,5 @@ storiesOf('Core/Unicode', module)
   .add('😀', () => <p>❤️</p>)
   .add('Кнопки', () => <p>нормальный</p>)
   .add('바보', () => <p>🤷🏻‍♂️</p>);
+
+storiesOf('Core/Unicode/Primário', module).add('😀', () => <p>❤️</p>);
diff --git a/lib/ui/src/containers/preview.tsx b/lib/ui/src/containers/preview.tsx
@@ -7,12 +7,7 @@ import { Preview } from '../components/preview/preview';
 
 export type Item = StoriesHash[keyof StoriesHash];
 
-const nonAlphanumSpace = /[^a-z0-9 ]/gi;
-const doubleSpace = /\s\s/gi;
-const replacer = (match: string) => ` ${match} `;
-
-const addExtraWhiteSpace = (input: string) =>
-  input.replace(nonAlphanumSpace, replacer).replace(doubleSpace, ' ');
+const splitTitleAddExtraSpace = (input: string) => input.split('/').join(' / ').replace(/\s\s/, ' ');
 
 const getDescription = (item: Item) => {
   if (isRoot(item)) {
@@ -23,7 +18,7 @@ const getDescription = (item: Item) => {
   }
   if (isStory(item)) {
     const { kind, name } = item;
-    return kind && name ? addExtraWhiteSpace(`${kind} - ${name} ⋅ Storybook`) : 'Storybook';
+    return kind && name ? splitTitleAddExtraSpace(`${kind} - ${name} ⋅ Storybook`) : 'Storybook';
   }
 
   return 'Storybook';