Table stories fix

qoretechnologies · Jul 18, 2024 · 5c00565 · 5c00565
1 parent 669082d
commit 5c00565
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/src/components/Paragraph/index.tsx b/src/components/Paragraph/index.tsx
@@ -12,6 +12,8 @@ export interface IReqoreParagraphProps
     IWithReqoreEffect,
     IReqoreIntent {
   size?: TSizes | string;
+  block?: boolean;
+  inline?: boolean;
 }
 
 export const StyledParagraph = styled(StyledTextEffect)`
@@ -24,7 +26,18 @@ export const StyledParagraph = styled(StyledTextEffect)`
 
 export const ReqoreP = memo(
   forwardRef(
-    ({ size, children, customTheme, intent, className, ...props }: IReqoreParagraphProps, ref) => {
+    (
+      {
+        size,
+        children,
+        customTheme,
+        intent,
+        className,
+        block = true,
+        ...props
+      }: IReqoreParagraphProps,
+      ref
+    ) => {
       const theme = useReqoreTheme('main', customTheme, intent);
 
       return (
@@ -34,7 +47,7 @@ export const ReqoreP = memo(
           theme={theme}
           color={theme.text.color}
           intent={intent}
-          block
+          block={block}
           {...props}
           _size={size}
           className={`${className || ''} reqore-paragraph`}

diff --git a/src/stories/Table/Table.stories.tsx b/src/stories/Table/Table.stories.tsx
@@ -555,7 +555,11 @@ const CustomHeaderCell = (props: IReqoreCustomHeaderCellProps) => {
 };
 
 const CustomCell = (props: IReqoreCustomTableBodyCellProps) => {
-  return <ReqoreP style={{ width: props.width, flexGrow: props.grow }}>{props.children}</ReqoreP>;
+  return (
+    <ReqoreP style={{ width: props.width, flexGrow: props.grow }} block={false}>
+      {props.children}
+    </ReqoreP>
+  );
 };
 
 const CustomRow = (props: IReqoreCustomTableRowProps) => {