Minor Fixes

src/components/Actionbar/Actionbar.tsx

@@ -8,11 +8,8 @@ import {
   View,
   ViewProps,
 } from 'react-native';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import color from 'color';
-
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { overlay } from 'react-native-paper';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 
 type Action = {
   icon: string;
@@ -40,9 +37,7 @@ export const Actionbar: React.FC<ActionbarProps> = ({
         style={[
           styles.actionbarContainer,
           {
-            backgroundColor: theme.isDark
-              ? overlay(2, theme.surface)
-              : theme.secondaryContainer,
+            backgroundColor: theme.surface2,
             minHeight: 80 + bottom,
             paddingBottom: bottom,
           },
@@ -54,7 +49,7 @@ export const Actionbar: React.FC<ActionbarProps> = ({
             key={id}
             android_ripple={{
               radius: 50,
-              color: color(theme.primary).alpha(0.12).string(),
+              color: theme.rippleColor,
               borderless: true,
             }}
             onPress={onPress}

src/components/Button/Button.tsx

@@ -15,7 +15,7 @@ const Button: React.FC<ButtonProps> = props => {
 
   return (
     <PaperButton {...props} theme={{ colors: theme }}>
-      {props.title}
+      {props.title || props.children}
     </PaperButton>
   );
 };