DeveloperHarris

// "use client"

import {
  CreditCard,
  LogOut,
  PlusCircle,
  Settings,
  User as UserIcon,
} from "lucide-react"
import { User } from "next-auth"

DeveloperHarris

import * as React from "react";
import {
    Image,
    StyleSheet,
    View,
    Text,
    TouchableOpacity,
    ScrollView,
    Dimensions,
} from "react-native";

DeveloperHarris

import React, { useState } from "react";
import { View, Text, TouchableOpacity } from "react-native";
import IngredientCard from "./IngredientCard";

// Access item: route.params.item

let Order: Array<Order> = [
    {
        id: "0",
        ingredient: {

DeveloperHarris

import * as React from "react";
import {
    Image,
    StyleSheet,
    View,
    Text,
    TouchableOpacity,
    ScrollView,
    Dimensions,
} from "react-native";

DeveloperHarris

<View>
            <View
                style={{
                    flexDirection: "row",
                    justifyContent: "center",
                    paddingTop: 10,
                }}
            >
                <Text
                    style={{

DeveloperHarris

<View>
            <View
                style={{
                    flexDirection: "row",
                    justifyContent: "center",
                    paddingTop: 10,
                }}
            >
                <Text
                    style={{

DeveloperHarris

<View
                style={{
                    flex: 1,
                    paddingHorizontal: 20,
                    paddingTop: 10,
                }}
            >
                <View
                    style={{
                        flexDirection: "row",

DeveloperHarris

            <View
                style={{
                    paddingHorizontal: 20,
                    paddingVertical: 10,
                }}
            >
                <View
                    style={{
                        flex: 1,
                        flexDirection: "row",

DeveloperHarris

import { useEffect, useState } from "react";
import {
    StyleSheet,
    Text,
    View,
    Dimensions,
    Image,
    Animated,
    PanResponder,
    PanResponderInstance,

DeveloperHarris

import { useEffect, useState } from "react";
import {
    StyleSheet,
    Text,
    View,
    Dimensions,
    Image,
    Animated,
    PanResponder,
    PanResponderInstance,