feat: add Toast component and toast configuration

App.tsx

@@ -1,3 +1,4 @@
+import Toast from "react-native-toast-message";
 import { ActivityIndicator, StatusBar } from "react-native";
 import { ThemeProvider } from "styled-components/native";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
@@ -12,6 +13,7 @@ import {
 
 import { Routes } from "./src/routes";
 import { defaultTheme } from "./src/styles/themes/default";
+import { toastConfig } from "./src/shared/utils/toastConfigs";
 
 export default function App() {
   const [LoadFonts] = useFonts({
@@ -38,6 +40,7 @@ export default function App() {
     <>
       <GestureHandlerRootView style={{ flex: 1 }}>
         <ThemeProvider theme={defaultTheme}>{handleFontsLoading()}</ThemeProvider>
+        <Toast config={toastConfig} />
       </GestureHandlerRootView>
 
       <StatusBar backgroundColor="transparent" translucent />

src/shared/utils/toastConfigs/index.tsx

@@ -0,0 +1,24 @@
+import { ErrorToast } from "react-native-toast-message";
+
+export const toastConfig = {
+  defaultToast: (props: any) => (
+    <ErrorToast
+      {...props}
+      contentContainerStyle={{
+
+      }}
+      style={{
+        backgroundColor: "#FAFAFA",
+        borderColor: "#6A59FF",
+      }}
+      text1Style={{
+        fontSize: 16,
+      }}
+      text2Style={{
+        fontSize: 14,
+        color: "#262A50",
+        fontWeight: "400",
+      }}
+    />
+  ),
+};

src/useCases/getFilteredTrainningsUseCase/index.ts

@@ -1,20 +1,34 @@
+import Toast from "react-native-toast-message";
+
 import { TrainningRepository } from "../../data/Repositories";
-import { NewWorkoutFormFieldsProps } from "../../models/newWorkoutFormFieldsModel";
 import {
   loadFilteredTrainnings,
   loadFilteredTrainningsDone,
   loadFilteredTrainningsFail,
 } from "../../stores/getTrainningsStore/filteredTrainnings/getTrainningsEvents";
+import { NewWorkoutFormFieldsProps } from "../../models/newWorkoutFormFieldsModel";
 
 type Props = {
   days: string;
 };
 
+const showToast = () => {
+  Toast.show({
+    autoHide: true,
+    visibilityTime: 3500,
+    type: "defaultToast",
+    text1: "Ops...",
+    text2: "There is no trainnings in this time interval",
+    position: "bottom",
+  });
+};
+
 const execute = async ({ days }: Props): Promise<void> => {
   loadFilteredTrainnings();
 
   return TrainningRepository.getFilteredTrainnings(days)
     .then((FilteredTrainnings: NewWorkoutFormFieldsProps[]) => {
+      if (FilteredTrainnings.length === 0) showToast();
       loadFilteredTrainningsDone(FilteredTrainnings);
     })
     .catch(({ message }) => {