@sqliteai/todoapp 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqliteai/todoapp",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "An Expo template for building apps with the SQLite CloudSync extension",
   "repository": {
     "type": "git",

package/plugins/CloudSyncSetup.js

@@ -284,6 +284,9 @@ const withCloudSync = (config) => {
     if (!fonts.includes('FontAwesome.ttf')) {
       fonts.push('FontAwesome.ttf');
     }
+    if (!fonts.includes('MaterialDesignIcons.ttf')) {
+      fonts.push('MaterialDesignIcons.ttf');
+    }
     config.modResults.UIAppFonts = fonts;
     return config;
   });

package/screens/Categories.js

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { ScrollView, StyleSheet, View, Alert } from "react-native";
 import { Avatar, Card, Text, Modal, Portal, Button, TextInput } from "react-native-paper";
-import Icon from '@react-native-vector-icons/material-design-icons';
 import { useFocusEffect } from '@react-navigation/native';
 import useCategories from "../hooks/useCategories";
 import { useSyncContext } from "../components/SyncContext";
@@ -127,7 +126,7 @@ const Categories = ({ navigation }) => {
           >
             <Card.Title
               left={(props) => (
-                <Icon
+                <Avatar.Icon
                   {...props}
                   icon="inbox-outline"
                   color={styles.icon.color}
@@ -151,7 +150,7 @@ const Categories = ({ navigation }) => {
             >
               <Card.Title
                 left={(props) => (
-                  <Icon
+                  <Avatar.Icon
                     {...props}
                     icon="tag-outline"
                     color={styles.icon.color}
@@ -169,7 +168,7 @@ const Categories = ({ navigation }) => {
           <Card style={styles.addCard} onPress={showModal} mode="contained">
             <Card.Title
               left={(props) => (
-                <Icon
+                <Avatar.Icon
                   {...props}
                   icon="plus-circle-outline"
                   color={styles.addIcon.color}