Temporarily fixes problematic stories (#38)

tgstation · Nov 23, 2024 · 8e8bbf7 · 8e8bbf7
1 parent 481e964
commit 8e8bbf7
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 42 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -2,6 +2,7 @@ import type { Preview } from '@storybook/react';
 import 'tgui-styles';
 import '../stories/assets/fonts.css';
 import '../stories/assets/all.min.css';
+import { withConsole } from '@storybook/addon-console';
 
 const preview: Preview = {
   parameters: {
@@ -16,6 +17,7 @@ const preview: Preview = {
       },
     },
   },
+  decorators: [(storyFn, context) => withConsole()(storyFn)(context)],
 };
 
 export default preview;
diff --git a/lib/components/Icon.tsx b/lib/components/Icon.tsx
@@ -17,12 +17,12 @@ type Props = {
   /** Custom CSS. */
   style: CSSProperties;
 }> &
-  BoxProps;
+  Omit<BoxProps, 'children'>;
 
 const FA_OUTLINE_REGEX = /-o$/;
 
 export function Icon(props: Props) {
-  const { name, size, spin, className, rotation, ...rest } = props;
+  const { name = '', size, spin, className, rotation, ...rest } = props;
 
   const customStyle = rest.style || {};
   if (size) {

diff --git a/stories/DraggableControl.stories.tsx b/stories/DraggableControl.stories.tsx
diff --git a/stories/Icon.stories.tsx b/stories/Icon.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
+import { Icon } from 'lib/components';
 import type { ComponentProps } from 'react';
-import { Icon } from '../lib/components/Icon';
 
 type StoryProps = ComponentProps<typeof Icon>;
 
@@ -13,6 +13,6 @@ type Story = StoryObj<StoryProps>;
 
 export const Default: Story = {
   args: {
-    children: 'Icon',
+    name: 'question',
   },
 };
diff --git a/stories/Image.stories.tsx b/stories/Image.stories.tsx
diff --git a/stories/Input.stories.tsx b/stories/Input.stories.tsx
@@ -1,4 +1,3 @@
-import { withConsole } from '@storybook/addon-console';
 import type { Meta, StoryObj } from '@storybook/react';
 import type { ComponentProps } from 'react';
 import { Input } from '../lib/components/Input';
@@ -8,7 +7,6 @@ type StoryProps = ComponentProps<typeof Input>;
 export default {
   component: Input,
   title: 'Components/Input',
-  decorators: [(storyFn, context) => withConsole()(storyFn)(context)],
 } satisfies Meta<StoryProps>;
 
 type Story = StoryObj<StoryProps>;