feat(): run prettier

CloudyBae · Apr 23, 2024 · 02da78d · 02da78d
1 parent a1d8418
commit 02da78d
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 37 deletions.
diff --git a/components/AcctRecipeBar.jsx b/components/AcctRecipeBar.jsx
@@ -47,15 +47,9 @@ const RecipeSummary = ({ image, name, savedOn }) => {
               <Caption style={{ color: '#7C7C7C' }}>Saved on {savedOn}</Caption>
             </View>
           </View>
-          <View style={{...styles.rowContainer, gap:40}}>
           <View style={styles.tagBox}>
-            <BodySmall style={{ color: '#fff' }}>Generic Recipe</BodySmall>
             <MaterialCommunityIcons name='pot-steam' color='#fff' size={18} />
-          </View>
-
-            <Button kind='ghost' size='small' style={{ padding: 0 }}>
-            <FontAwesome name='trash-o' color='#000' size={18} />
-            </Button>
+            <BodySmall style={{ color: '#fff' }}>Generic Recipe</BodySmall>
           </View>
         </View>
       </View>
@@ -65,8 +59,8 @@ const RecipeSummary = ({ image, name, savedOn }) => {
 
 const AcctRecipeBar = (props) => {
   const [savedRecipes, setSavedRecipes] = useState([]);
-  const [loading, setLoading] = useState(true); 
-  const  userId  = '1';
+  const [loading, setLoading] = useState(true);
+  const userId = '1';
 
   useEffect(() => {
     const fetchSavedRecipes = async () => {
@@ -91,14 +85,14 @@ const AcctRecipeBar = (props) => {
   if (loading) {
     return (
       <View style={styles.loaderContainer}>
-        <ActivityIndicator size="large" color="#52B175" />
+        <ActivityIndicator size='large' color='#52B175' />
       </View>
     );
   }
   if (!savedRecipes.length && !loading) {
     return (
       <View style={styles.loaderContainer}>
-        <Caption style={{textAlign:'center'}}>
+        <Caption style={{ textAlign: 'center' }}>
           You have no saved recipes. Save recipes to view them here.
         </Caption>
       </View>
@@ -109,11 +103,11 @@ const AcctRecipeBar = (props) => {
     <View style={{ backgroundColor: '#fff', padding: 20 }}>
       <Title>Saved Recipes</Title>
       {savedRecipes.map((recipe) => (
-        <View style={{ ...styles.columnContainer, width: '100%' }} key={recipe.recipe_id}>
-          <RecipeSummary
-            name={recipe.name}
-            savedOn={recipe.date_for}
-          />
+        <View
+          style={{ ...styles.columnContainer, width: '100%' }}
+          key={recipe.recipe_id}
+        >
+          <RecipeSummary name={recipe.name} savedOn={recipe.date_for} />
         </View>
       ))}
     </View>

diff --git a/containers/DietaryFilters.jsx b/containers/DietaryFilters.jsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { CheckBox } from '@rneui/themed';
-import {  Body, Title } from '../components/Typography';
+import { Body, Title } from '../components/Typography';
 
 export default function DietaryFilters() {
   const [categories, setCategories] = useState([

diff --git a/screens/AccountDetailsScreen.jsx b/screens/AccountDetailsScreen.jsx
@@ -69,7 +69,7 @@ export const AccountDetailsScreen = () => {
               onPress={handleSave}
               style={[styles.buttonReset, styles.buttonPrimary]}
             >
-              <ButtonText style={{color:'#fff'}}>Save</ButtonText>
+              <ButtonText style={{ color: '#fff' }}>Save</ButtonText>
             </TouchableOpacity>
             <TouchableOpacity
               onPress={handleDelete}
@@ -103,15 +103,15 @@ const styles = StyleSheet.create({
     borderRadius: 9,
     fontSize: 16,
     color: '#727272',
-    fontFamily: 'Gilroy-Regular'
+    fontFamily: 'Gilroy-Regular',
   },
   textBoxEditing: {
     backgroundColor: '#F1F9F4',
     color: '#121212',
     paddingVertical: 12,
     paddingHorizontal: 8,
     fontSize: 16,
-    fontFamily: 'Gilroy-Regular'
+    fontFamily: 'Gilroy-Regular',
   },
   editSection: {
     gap: 20,

diff --git a/screens/DietaryAllergenFilter.jsx b/screens/DietaryAllergenFilter.jsx
@@ -114,23 +114,23 @@ export const DietaryAllergenFilterScreen = () => {
       <View style={{ flex: 1 }}>
         <ScrollView>
           <View style={styles.homeContainer}>
-              <Text style={styles.title}>Dietary Requirements</Text>
+            <Text style={styles.title}>Dietary Requirements</Text>
 
-              {categories.map((item, index) => {
-                return (
-                  <CheckBox
-                    // Use ThemeProvider to change the defaults of the checkbox
-                    checkedColor='#52B175'
-                    backgroundColor='#f0f0f0'
-                    title={item.preference_name}
-                    checked={item.isCheck || false}
-                    onPress={() => onValueChange(item, index)}
-                    key={item.key}
-                    name={item.name}
-                    id={item.id}
-                  />
-                );
-              })}
+            {categories.map((item, index) => {
+              return (
+                <CheckBox
+                  // Use ThemeProvider to change the defaults of the checkbox
+                  checkedColor='#52B175'
+                  backgroundColor='#f0f0f0'
+                  title={item.preference_name}
+                  checked={item.isCheck || false}
+                  onPress={() => onValueChange(item, index)}
+                  key={item.key}
+                  name={item.name}
+                  id={item.id}
+                />
+              );
+            })}
 
             <View style={styles.buttonContainer}>
               <CategoryButton title='Save' onPress={() => handleSave()} />
@@ -146,7 +146,7 @@ export const DietaryAllergenFilterScreen = () => {
 const styles = StyleSheet.create({
   homeContainer: {
     padding: 40,
-    paddingTop:0,
+    paddingTop: 0,
     marginBottom: 50,
   },
   buttonContainer: {