fix: fixed bugs in component

fayez-baig · Oct 10, 2020 · cfe2149 · cfe2149
1 parent 0e62099
commit cfe2149
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 14 deletions.
diff --git a/src/components/Elements/Box/Box.stories.tsx b/src/components/Elements/Box/Box.stories.tsx
@@ -7,13 +7,6 @@ import { getStyles } from '../../styles/getStyles';
 import Text from './../Text/Text';
 
 export default {
-	argTypes: {
-		children: {
-			control: {
-				type: 'text'
-			}
-		}
-	},
 	component: Box,
 	title: 'Elements/Box'
 };
@@ -48,7 +41,3 @@ const defaultBoxTemplate: Story<BoxProps> = args => (
 );
 
 export const Default = defaultBoxTemplate.bind({});
-
-Default.args = {
-	children: 'Check Me'
-};
diff --git a/src/components/Elements/Image/Image.tsx b/src/components/Elements/Image/Image.tsx
@@ -16,7 +16,7 @@ const Image: React.FC<ImageProps> = ({
 	return (
 		<figure className={classes}>
 			<img
-				className={isRounded ? 'is-rounded' : ''}
+				className={isRounded ? getStyles(['is-rounded']) : ''}
 				alt={alt}
 				{...otherImageProps}
 			/>

diff --git a/src/components/Form/CheckBox/CheckBox.stories.tsx b/src/components/Form/CheckBox/CheckBox.stories.tsx
@@ -5,12 +5,17 @@ import { CheckBoxProps } from './types';
 
 export default {
 	argTypes: {
+		checked: {
+			control: {
+				type: 'boolean'
+			}
+		},
+
 		children: {
 			control: {
 				type: 'text'
 			}
 		},
-
 		disabled: {
 			control: {
 				type: 'boolean'

diff --git a/src/components/Form/CheckBox/CheckBox.tsx b/src/components/Form/CheckBox/CheckBox.tsx
@@ -15,7 +15,7 @@ const CheckBox: React.FC<CheckBoxProps> = ({
 				disabled={disabled}
 				name={name}
 				{...otherCheckBoxProps}
-			/>
+			/>{' '}
 			{children}
 		</label>
 	);

diff --git a/src/components/Form/Input/Input.stories.tsx b/src/components/Form/Input/Input.stories.tsx
@@ -60,6 +60,11 @@ export default {
 				type: 'text'
 			}
 		},
+		placeholder: {
+			control: {
+				type: 'text'
+			}
+		},
 		readOnly: {
 			control: {
 				type: 'boolean'