add modification

LeftOvers/components/CustomButton.tsx

@@ -3,11 +3,10 @@ import {StyleSheet,Pressable, Text, View} from 'react-native';
 
 
 interface CustomButtonProps {
-  source : string
   title  : string
 }
 
-export default function CustomButton(props) {
+export default function CustomButton(props: CustomButtonProps) {
   return (
     <Pressable style={styles.button}>
       <View style={styles.view}>

LeftOvers/components/TopBar.tsx

@@ -2,14 +2,12 @@ import React from 'react';
 import { Appbar } from 'react-native-paper';
 
 interface TopBarProps{
-    source : string
+    title : string
-    firstImage  : string
-    lastImage : string
     isVisible : boolean
   }
   
   
-  export default function TopBar(props : any) {
+  export default function TopBar(props) {
 
     const _goBack = () => console.log('Went back');
 

LeftOvers/screens/IngredientSelection.tsx

@@ -8,7 +8,7 @@ import FoodElementText from '../components/FoodElementText';
 import CustomButton from '../components/CustomButton';
 
 
-export default function IngredientSelection(props) {
+export default function IngredientSelection() {
 
   const [searchQuery, setSearchQuery] = React.useState('');
 
@@ -16,7 +16,7 @@ export default function IngredientSelection(props) {
 
   return (
     <SafeAreaProvider>
-          <TopBar title="Ingredient selection"/>
+          <TopBar title="Ingredient selection" />
           <View style={styles.page}>
 
             <View style={styles.element}>

LeftOvers/screens/RecipeDetails.tsx

@@ -8,7 +8,7 @@ import RecipeElementReduce from '../components/RecipeElementReduce';
 export default function RecipeDetails(props) {
     return (
         <SafeAreaProvider>
-          <TopBar title="Recipe Detail" />
+          <TopBar title="Recipe Detail"/>
           <View style={styles.page}>
             <RecipeElementReduce 
                 title={props.title}