Added loadingIndicator size prop to ButtonBase component

nomada-sh · Aug 11, 2022 · 2e8b15f · 2e8b15f
1 parent b568370
commit 2e8b15f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+16.14
diff --git a/packages/react-native-eyecandy/src/components/ButtonBase/ButtonBase.tsx b/packages/react-native-eyecandy/src/components/ButtonBase/ButtonBase.tsx
@@ -1,6 +1,7 @@
 import React, { ReactNode, useRef } from 'react';
 import {
   ActivityIndicator,
+  ActivityIndicatorProps,
   Animated,
   GestureResponderEvent,
   Platform,
@@ -53,6 +54,7 @@ export interface ButtonBaseProps extends PressableProps {
   marginTop?: number;
   marginBottom?: number;
   flex?: number;
+  loadingIndicatorSize?: ActivityIndicatorProps['size'];
 }
 
 export function ButtonBase({
@@ -77,6 +79,7 @@ export function ButtonBase({
   marginBottom,
   marginTop,
   flex,
+  loadingIndicatorSize = 'large',
   ...props
 }: ButtonBaseProps) {
   const animated = useRef(new Animated.Value(0)).current;
@@ -166,7 +169,10 @@ export function ButtonBase({
       ) : null}
       {loading ? (
         <View style={styles.loadingContainer}>
-          <ActivityIndicator size="large" color={styles.loading.color} />
+          <ActivityIndicator
+            size={loadingIndicatorSize}
+            color={styles.loading.color}
+          />
         </View>
       ) : null}
     </View>

diff --git a/packages/react-native-eyecandy/src/components/IconButton/IconButton.tsx b/packages/react-native-eyecandy/src/components/IconButton/IconButton.tsx
@@ -58,6 +58,7 @@ function IconButton({
       height={size}
       variant={variant}
       transparent={transparent}
+      loadingIndicatorSize={size}
       {...props}
     >
       {children}