fixes

storybookjs · Aug 22, 2023 · 337e4f6 · 337e4f6
1 parent 9459c6f
commit 337e4f6
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/code/ui/.storybook/main.ts b/code/ui/.storybook/main.ts
@@ -6,16 +6,12 @@ import type { StorybookConfig } from '../../frameworks/react-vite';
 const isBlocksOnly = process.env.STORYBOOK_BLOCKS_ONLY === 'true';
 
 const allStories = [
-  {
-    directory: '../components/src/new',
-    titlePrefix: '@core-ui',
-  },
   {
     directory: '../manager/src',
     titlePrefix: '@manager',
   },
   {
-    directory: '../components/src/legacy',
+    directory: '../components/src/components',
     titlePrefix: '@components',
   },
   {

diff --git a/code/ui/blocks/src/components/ArgsTable/ArgsTable.stories.tsx b/code/ui/blocks/src/components/ArgsTable/ArgsTable.stories.tsx
@@ -1,17 +1,22 @@
 import React from 'react';
 import { action } from '@storybook/addon-actions';
 import { styled } from '@storybook/theming';
+import type { Meta, StoryObj } from '@storybook/react';
 import { ArgsTable, ArgsTableError } from './ArgsTable';
 import * as ArgRow from './ArgRow.stories';
 
-export default {
+const meta = {
   component: ArgsTable,
   title: 'Components/ArgsTable/ArgsTable',
   args: {
     updateArgs: action('updateArgs'),
     resetArgs: action('resetArgs'),
   },
-};
+} satisfies Meta<typeof ArgsTable>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
 const propsSection = {
   category: 'props ',
 };
@@ -145,6 +150,15 @@ export const Empty = {
   },
 };
 
+export const EmptyInsideAddonPanel: Story = {
+  args: {
+    inAddonPanel: true,
+  },
+  parameters: {
+    layout: 'centered',
+  },
+};
+
 export const WithDefaultExpandedArgs = {
   args: {
     rows: {

diff --git a/code/ui/blocks/src/components/ArgsTable/Empty.tsx b/code/ui/blocks/src/components/ArgsTable/Empty.tsx
@@ -42,10 +42,11 @@ const Description = styled.div(({ theme }) => ({
   color: theme.textMutedColor,
 }));
 
-const Links = styled.div({
+const Links = styled.div(({ theme }) => ({
   display: 'flex',
+  fontSize: theme.typography.size.s2 - 1,
   gap: 25,
-});
+}));
 
 const Divider = styled.div(({ theme }) => ({
   width: 1,