crear componente button

janis-commerce · Apr 16, 2024 · 9bbb575 · 9bbb575
1 parent aab7b54
commit 9bbb575
Show file tree

Hide file tree

Showing 3 changed files with 0 additions and 22 deletions.
diff --git a/src/components/Button/theme/configs/index.ts b/src/components/Button/theme/configs/index.ts
@@ -92,18 +92,6 @@ export const stlyeConfig = {
 			main: scaledForDevice(50, moderateScale),
 			secondary: scaledForDevice(42, moderateScale),
 		},
-		shadow: {
-			// android
-			shadowColor: '#000',
-			elevation: 5,
-			// IOS
-			shadowOpacity: 0.25,
-			shadowRadius: 3.84,
-			shadowOffset: {
-				width: 0,
-				height: scaledForDevice(3, moderateScale),
-			},
-		},
 	},
 	directionWrapper: {
 		center: {

diff --git a/src/components/Button/utils/index.test.ts b/src/components/Button/utils/index.test.ts
@@ -33,11 +33,6 @@ describe('getMixedButtonStyles util', () => {
 				backgroundColor: '#DDDFE2',
 				paddingHorizontal: 16.5,
 				paddingVertical: 21,
-				shadowColor: '#000',
-				elevation: 5,
-				shadowOpacity: 0.25,
-				shadowRadius: 3.84,
-				shadowOffset: {width: 0, height: 6.5},
 			},
 			direction: {
 				justifyContent: 'center',

diff --git a/src/components/Button/utils/index.ts b/src/components/Button/utils/index.ts
@@ -47,7 +47,6 @@ const containerStyle = ({
 	const disabledBorderColor = disabled.border[validType][validVariant];
 
 	const containerHeight = container.height[validType];
-	const containerShadow = container.shadow;
 
 	// main and pressed button colors
 	const mainColor = isPressed ? pressedBgColor : mainBgColor;
@@ -56,9 +55,6 @@ const containerStyle = ({
 	// validation of height
 	const hasVerticalHeight = verticalHeights.includes(iconPosition);
 
-	// validation of shadow
-	const hasShadow = type === 'secondary' && variant === 'outlined';
-
 	return {
 		borderWidth: 1,
 		borderColor: isDisabled || isLoading ? disabledBorderColor : borderColor,
@@ -68,7 +64,6 @@ const containerStyle = ({
 		...(!hasVerticalHeight && {
 			height: variant !== 'text' ? containerHeight : scaledForDevice(35, moderateScale),
 		}),
-		...(hasShadow && containerShadow),
 	};
 };