Resolve "datenbank schmiert ab wenn schnell 20~ einträge eingetragen werden"

components/common/customCard/CustomCard.tsx

@@ -1,8 +1,7 @@
-import { View, Text, StyleSheet, Platform } from 'react-native'
 import React from 'react'
+import { Platform, StyleSheet, View } from 'react-native'
 import { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes'
-import { useThemeColor } from '../../../hooks/hooks'
-import { SHADOWS } from '../../../constants/theme'
+import { useThemeColor } from '../../../hooks/useThemeColor'
 
 function generateBoxShadowStyle(
   xOffset: number,

components/common/loadingSymbol/loadingSymbol.tsx

@@ -0,0 +1,23 @@
+import { StyleSheet, View } from "react-native";
+
+const LoadingSymbol = () => {
+
+    const color = ["blue", "red", "purple", "green", "yellow", "orange"];
+    const random = Math.floor(Math.random() * color.length);
+
+    const styles = StyleSheet.create({
+        container: {
+            backgroundColor: color[random],
+            width: "100%",
+            height: "100%",
+            position: "absolute",
+        }
+    });
+
+    return (
+    <View style={styles.container}></View>
+    );
+}
+
+
+export default LoadingSymbol;

components/common/plus/plus.tsx

@@ -1,7 +1,7 @@
 import { AntDesign } from '@expo/vector-icons'
 import React from 'react'
 import { StyleSheet, TouchableOpacity, ViewProps } from 'react-native'
-import { useThemeColor } from '../../../hooks/hooks'
+import { useThemeColor } from '../../../hooks/useThemeColor'
 
 type PlusProps = ViewProps & {onPress? : ()=> void | undefined}
 

components/common/searchBar/SearchBar.tsx

@@ -1,8 +1,8 @@
-import { View, Text, ViewProps, StyleSheet, Button, TouchableOpacity, TextInput } from 'react-native'
-import React from 'react'
 import { AntDesign } from '@expo/vector-icons';
-import { useThemeColor } from '../../../hooks/hooks';
+import React from 'react';
+import { StyleSheet, TextInput, TouchableOpacity, View, ViewProps } from 'react-native';
 import { SIZES } from '../../../constants/theme';
+import { useThemeColor } from '../../../hooks/useThemeColor';
 
 type SearchBarProps = {placeholder: string} & ViewProps
 

components/home/Welcome/Welcome.tsx

@@ -1,8 +1,8 @@
-import { View, Text, ViewProps, Image, GestureResponderEvent } from 'react-native'
 import React from 'react'
-import { MARGINS, SIZES, SHADOWS } from '../../../constants/theme'
+import { Image, Text, View, ViewProps } from 'react-native'
 import { TouchableOpacity } from 'react-native-gesture-handler'
-import { useThemeColor } from '../../../hooks/hooks'
+import { MARGINS, SIZES } from '../../../constants/theme'
+import { useThemeColor } from '../../../hooks/useThemeColor'
 
 type WelcomeProps = ViewProps & {name: string, image : any, onPress: () => void | undefined}
 

components/home/expenseItem/expenseItem.tsx

@@ -1,8 +1,8 @@
-import { View, Text, StyleSheet, ColorValue } from 'react-native'
-import React from 'react'
-import { useThemeColor } from '../../../hooks/hooks';
-import  CustomCard from "../../common/customCard/CustomCard";
+import React from 'react';
+import { ColorValue, StyleSheet, Text, View } from 'react-native';
 import { SIZES } from '../../../constants/theme';
+import { useThemeColor } from '../../../hooks/useThemeColor';
+import CustomCard from "../../common/customCard/CustomCard";
 
 export type ExpenseItemProps = {color: ColorValue, category: string, title: string, date: string, value : string}
 export default function ExpenseItem(itemProps : ExpenseItemProps) {

components/index.tsx

@@ -3,6 +3,7 @@ import ExpenseItem from "./home/expenseItem/expenseItem"
 import Welcome from "./home/Welcome/Welcome"
 
 //common
+import LoadingSymbol from "./common/loadingSymbol/loadingSymbol"
 import Plus from "./common/plus/plus"
 import SearchBar from "./common/searchBar/SearchBar"
 
@@ -11,10 +12,8 @@ import SearchBar from "./common/searchBar/SearchBar"
 import Input from "./login/input"
 
 export {
-  ExpenseItem,
-  Welcome,
-  Plus,
-  SearchBar,
-  Input,
+  ExpenseItem, Input,
+  LoadingSymbol, Plus,
+  SearchBar, Welcome
 }