Removed unnecessary imports from all files

CloudyBae · Apr 22, 2024 · e16cf8b · e16cf8b
1 parent 2eea3a6
commit e16cf8b
Show file tree

Hide file tree

Showing 48 changed files with 118 additions and 13,824 deletions.
diff --git a/components/Accordion.jsx b/components/Accordion.jsx
@@ -2,13 +2,8 @@ import React, { useState } from 'react';
 import { View, TouchableOpacity, StyleSheet, StatusBar } from 'react-native';
 import { AntDesign } from '@expo/vector-icons';
 import {
-  Title,
   Body,
   BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const Accordion = ({

diff --git a/components/AccountSettings.jsx b/components/AccountSettings.jsx
@@ -1,7 +1,5 @@
-import { View, StyleSheet, Image, Pressable } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
-import AcctHeader from './AcctHeader';
-import Nav from './Nav';
 import Button from './Button';
 import { MaterialIcons } from '@expo/vector-icons';
 import {

diff --git a/components/AcctHeader.jsx b/components/AcctHeader.jsx
@@ -1,21 +1,13 @@
 import {
   StyleSheet,
-  Text,
   View,
   Image,
   TouchableOpacity,
-  Pressable,
 } from 'react-native';
 import React from 'react';
-import { EvilIcons } from '@expo/vector-icons';
 import {
   Title,
   Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const AcctHeader = () => {

diff --git a/components/AcctRecipeBar.jsx b/components/AcctRecipeBar.jsx
@@ -1,19 +1,14 @@
-import { StyleSheet, Text, View, Image, TouchableOpacity } from 'react-native';
+import { StyleSheet, View, Image, TouchableOpacity } from 'react-native';
 import React from 'react';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import {
   Title,
   Body,
-  BodySmall,
   Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 export default AcctRecipeBar = (props) => {
   const {
-    onPress,
     image = 'https://iambaker.net/wp-content/uploads/2020/03/sourdough-bread-4-768x644.jpg',
     name = 'A Simple Sourdough Starter Recipe',
     numMinutes = '1440',

diff --git a/components/AddItemBar.jsx b/components/AddItemBar.jsx
@@ -1,13 +1,8 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, Text, View, Image, Pressable } from 'react-native';
+import React, { useState } from 'react';
+import { StyleSheet, View, Image, Pressable } from 'react-native';
 import {
   Title,
   Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const AddItemBar = () => {

diff --git a/components/AddProductCard.jsx b/components/AddProductCard.jsx
@@ -1,13 +1,10 @@
 import React from 'react';
-import { StyleSheet, Text, View, Image, Pressable } from 'react-native';
+import { StyleSheet, View, Image, Pressable } from 'react-native';
 import {
   Title,
   Body,
-  BodySmall,
   Caption,
-  ButtonLarge,
   ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 export default AddProductCard = (props) => {

diff --git a/components/AddRecipeBar.jsx b/components/AddRecipeBar.jsx
@@ -1,18 +1,13 @@
-import { StyleSheet, Text, View, Image } from 'react-native';
+import { StyleSheet, View, Image } from 'react-native';
 import React from 'react';
 import {
   Title,
   Body,
-  BodySmall,
   Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 export default AddRecipeBar = (props) => {
   const {
-    onPress,
     image = 'https://iambaker.net/wp-content/uploads/2020/03/sourdough-bread-4-768x644.jpg',
     name = 'A Simple Sourdough Starter Recipe',
     numMinutes = '1440',

diff --git a/components/Button/index.jsx b/components/Button/index.jsx
@@ -2,13 +2,7 @@ import React from 'react';
 import { ButtonContainer, Enhancer } from './styles';
 import { ActivityIndicator, View } from 'react-native';
 import {
-  Title,
-  Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
   ButtonText,
-  ButtonSmall,
 } from '../Typography';
 
 const Button = ({

diff --git a/components/Button/styles.js b/components/Button/styles.js
@@ -1,5 +1,3 @@
-// import styled, { css } from 'styled-components/native';
-
 export const ButtonContainer = styled.Pressable`
   display: flex;
   flex-direction: row;
@@ -52,11 +50,4 @@ export const ButtonText = styled.Text`
     }
   }};
   font-size: ${(props) => props.fontSize || '16px'};
-`;
-
-// export const Enhancer = styled.Text`
-//   color: ${(props) => props.color || '#ffffff'};
-//   background-color: ${(props) => props.secondaryColor || '#FFFFFF26'};
-//   padding: 2px 5px;
-//   border-radius: 4px;
-// `;
+`;
diff --git a/components/CategoryButton.jsx b/components/CategoryButton.jsx
@@ -1,12 +1,7 @@
-import { StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { StyleSheet, TouchableOpacity } from 'react-native';
 import {
-  Title,
-  Body,
-  BodySmall,
-  Caption,
   ButtonLarge,
   ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const CategoryButton = ({ title, onPress }) => {

diff --git a/components/CategoryCard/index.jsx b/components/CategoryCard/index.jsx
@@ -3,12 +3,6 @@ import { Image } from 'react-native';
 import styled, { css } from 'styled-components/native';
 import {
   Title,
-  Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from '../Typography';
 
 const colorMappings = {

diff --git a/components/Checkbox.jsx b/components/Checkbox.jsx
@@ -1,14 +1,5 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { CheckBox } from '@rneui/themed';
-import {
-  Title,
-  Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
-} from './Typography';
 
 const Checkbox = ({ label, isChecked }) => {
   return (

diff --git a/components/DietFilter.jsx b/components/DietFilter.jsx
@@ -2,20 +2,12 @@ import { useState } from 'react';
 import {
   FlatList,
   StyleSheet,
-  Text,
-  TouchableOpacity,
   View,
   Pressable,
 } from 'react-native';
 import { SPOONACULAR_API_KEY } from '@env';
 import {
-  Title,
-  Body,
   BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const DietFilter = () => {

diff --git a/components/FavoriteRecipes.jsx b/components/FavoriteRecipes.jsx
@@ -1,10 +1,10 @@
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Pressable, StyleSheet, Text, View } from 'react-native';
 import RecipeCard from './RecipeCard';
 import { FlatList } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 
-const FavoriteRecipesList = ({ title, scrollEnabled, numberOfRecipes }) => {
+const FavoriteRecipesList = ({ scrollEnabled }) => {
   const [recipes, setRecipes] = useState([]);
   const navigation = useNavigation();
   const { userId } = '8950a7c8-20c3-4d77-9a10-3622e07fd3dd';

diff --git a/components/Header.jsx b/components/Header.jsx
@@ -1,13 +1,7 @@
-import { StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import React from 'react';
 import {
   Title,
-  Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 // Uses the pageTitle prop so it can be changed dynamically per page where called.

diff --git a/components/Hero.jsx b/components/Hero.jsx
@@ -1,14 +1,5 @@
 import { Image, StyleSheet, View, Dimensions } from 'react-native';
 import HeroBanner from '../assets/hero.png';
-import {
-  Title,
-  Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
-} from '../Typography';
 
 const Hero = ({ image }) => {
   const screenWidth = Dimensions.get('window').width;

diff --git a/components/IngredientCard.jsx b/components/IngredientCard.jsx
@@ -1,6 +1,6 @@
-import { StyleSheet, Text, View, Image, Pressable } from 'react-native';
+import { StyleSheet, View, Image } from 'react-native';
 import React from 'react';
-import { Body, ButtonLarge, HeaderTitle } from './Typography';
+import { ButtonLarge } from './Typography';
 
 export default IngredientCard = ({ ingredient }) => {
   const { id, name, image } = ingredient;

diff --git a/components/Macro.jsx b/components/Macro.jsx
@@ -1,14 +1,9 @@
 import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import { View } from 'react-native';
 import { AnimatedCircularProgress } from 'react-native-circular-progress';
 import {
-  Title,
-  Body,
   BodySmall,
-  Caption,
   ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const Macro = ({ macro, percentage, goal }) => {

diff --git a/components/Modal/index.jsx b/components/Modal/index.jsx
@@ -1,24 +1,19 @@
-import React, { useState } from 'react';
+import React from 'react';
 import {
   Alert,
   Modal as ModalBase,
   StyleSheet,
-  Text,
-  Pressable,
   View,
   KeyboardAvoidingView,
   Platform,
 } from 'react-native';
 import { Body, Title } from '../Typography';
-import { AntDesign } from '@expo/vector-icons';
-import Button from '../Button';
 
 export const Modal = ({
   modalVisible,
   setModalVisible,
   titleText,
   descriptionText,
-  onClose,
   size,
   fullscreen,
   children,

diff --git a/components/Nav.jsx b/components/Nav.jsx
@@ -4,13 +4,7 @@ import { FontAwesome5 } from '@expo/vector-icons';
 import { useNavigation } from '@react-navigation/native';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import {
-  Title,
-  Body,
-  BodySmall,
   Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const Nav = () => {

diff --git a/components/RadioButton.jsx b/components/RadioButton.jsx
@@ -1,13 +1,7 @@
 import React from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import {
-  Title,
-  Body,
-  BodySmall,
   Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const RadioButton = ({

diff --git a/components/RecipeCard.jsx b/components/RecipeCard.jsx
@@ -1,13 +1,10 @@
-import { Image, StyleSheet, Text, View } from 'react-native';
+import { Image, StyleSheet, View } from 'react-native';
 import { Entypo } from '@expo/vector-icons';
 import {
   Title,
   Body,
   BodySmall,
   Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const RecipeCard = ({ title, image, minutes, rating }) => {
@@ -58,12 +55,10 @@ const styles = StyleSheet.create({
   cardDetails: {
     flexDirection: 'row',
     alignItems: 'center',
-    // gap: 3,
   },
   ratingDetails: {
     flexDirection: 'row',
     alignItems: 'center',
-    // gap: 1,
   },
   cardTitle: {
     maxWidth: 150,

diff --git a/components/RecipeList.jsx b/components/RecipeList.jsx
@@ -1,17 +1,11 @@
 import React, { useContext, useEffect, useState } from 'react';
-import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { Pressable, StyleSheet, View } from 'react-native';
 import RecipeCard from './RecipeCard';
 import { FlatList } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import AuthContext from '../auth/auth-context';
 import {
-  Title,
   Body,
-  BodySmall,
-  Caption,
-  ButtonLarge,
-  ButtonText,
-  ButtonSmall,
 } from './Typography';
 
 const RecipeList = ({ title, scrollEnabled, numberOfRecipes }) => {