digikhata-mashreq-sdk 0.1.1

package/src/app/screens/AddScreen.js

@@ -0,0 +1,185 @@
+import { View, Text, StyleSheet, TouchableOpacity, TextInput } from 'react-native'
+import React, { useState } from 'react'
+import { COLORS, FONT_NORMAL, WP } from '../themes/config'
+import LinearGradient from 'react-native-linear-gradient'
+import Ionicons from "react-native-vector-icons/Ionicons"
+import { CountryPhoneInput } from '../components'
+import { addClient, deleteClientById, getAllClients, getClientDetails } from '../database/clients'
+import { CLIENT_DETAILS, SUPPLIER_DETAILS } from '../redux/reducers/client/client_types'
+import { useDispatch } from "react-redux"
+
+export default function AddScreen({ navigation, route }) {
+
+    const { type } = route.params;
+    const dispatch = useDispatch();
+
+    const [Name, setName] = useState("");
+    const [PhoneNum, setPhoneNum] = useState("");
+
+    const onAddBtn = () => {
+        addClient(Name, PhoneNum, type).then((res) => {
+            console.log(res, "Success");
+            setName("");
+            setPhoneNum("");
+            getClientDetails(res?.insertId).then((resp) => {
+                dispatch({
+                    type: CLIENT_DETAILS,
+                    payload: resp
+                })
+                navigation.navigate("CustomerEntries")
+            })
+        }).catch((err) => {
+            console.log(err, "Error")
+        })
+    }
+
+    const getClients = () => {
+        getAllClients()
+            .then(res => {
+                console.log(res, "Success"); // will log [] if table is empty
+            })
+            .catch(err => {
+                console.log(err, "Error");
+            });
+    };
+
+    const removeClient = async (id) => {
+        try {
+            const deleted = await deleteClientById(id);
+            if (deleted) {
+                console.log(`Client with id=${id} deleted`);
+            } else {
+                console.log(`No client found with id=${id}`);
+            }
+        } catch (err) {
+            console.log("Delete error:", err);
+        }
+    };
+
+    return (
+        <View style={Styles._mainContainers}>
+            <LinearGradient
+                start={{ x: 0, y: 0 }}
+                end={{ x: 1, y: 0 }}
+                colors={[COLORS.primaryColor, COLORS.secondaryColor]}
+                style={Styles._linearGradient}
+            >
+                <View style={Styles._titleMain}>
+                    <TouchableOpacity
+                        activeOpacity={0.8}
+                        onPress={() => { navigation.goBack() }}
+                    >
+                        <Ionicons
+                            name={"chevron-back"}
+                            color={COLORS.whiteColor}
+                            size={20}
+                        />
+                    </TouchableOpacity>
+
+                    <Text style={Styles._title}>Add {type == 0 ? "Customer" : "Supplier"}</Text>
+                </View>
+            </LinearGradient>
+
+            <View style={Styles._contentMain}>
+                <View style={{ width: "100%", alignItems: "center", gap: 12 }}>
+                    <TextInput
+                        placeholder='Type Customer Name'
+                        style={Styles._input}
+                        placeholderTextColor={COLORS.grey}
+                        cursorColor={COLORS.primaryColor}
+                        value={Name}
+                        onChangeText={(text) => { setName(text) }}
+                    />
+
+                    <CountryPhoneInput
+                        onChange={(text) => { setPhoneNum(text?.fullNumber) }}
+                    />
+                </View>
+
+                <TouchableOpacity
+                    activeOpacity={0.8}
+                    style={[Styles._continueBtn, { backgroundColor: Name == "" ? COLORS.gray : COLORS.primaryColor }]}
+                    // onPress={() => navigation?.navigate("CustomerEntries")}
+                    onPress={() => {
+                        if (Name.trim()) {
+                            onAddBtn()
+                        }
+                    }}
+                >
+                    <Text style={Styles._continueBtnTxt}>Continue</Text>
+                </TouchableOpacity>
+            </View>
+        </View>
+    )
+}
+
+const Styles = StyleSheet.create({
+    _mainContainers: {
+        flex: 1,
+        backgroundColor: COLORS.backgroundColor,
+        alignItems: "center"
+    },
+    _linearGradient: {
+        width: WP(100),
+        height: 80,
+        alignItems: "center",
+    },
+    _titleMain: {
+        width: WP(94),
+        height: 30,
+        // backgroundColor: "red",
+        flexDirection: "row",
+        alignItems: "center",
+        marginTop: 10
+    },
+    _title: {
+        color: COLORS.whiteColor,
+        fontFamily: FONT_NORMAL,
+        fontSize: 15,
+        marginLeft: 15
+    },
+    _contentMain: {
+        width: WP(94),
+        height: "90%",
+        backgroundColor: COLORS.whiteColor,
+        position: "absolute",
+        top: 50,
+        shadowColor: "#000",
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.2,
+        shadowRadius: 3.84,
+        elevation: 5,
+        borderRadius: 10,
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingVertical: 12,
+    },
+    _input: {
+        width: "95%",
+        height: 50,
+        backgroundColor: COLORS.whiteColor,
+        borderRadius: 15,
+        paddingLeft: 12,
+        borderColor: COLORS.grey,
+        borderWidth: 1,
+        color: COLORS.blackColor,
+        fontFamily: FONT_NORMAL,
+        fontSize: 13
+    },
+    _continueBtn: {
+        width: "95%",
+        height: 50,
+        backgroundColor: COLORS.primaryColor,
+        borderRadius: 100,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    _continueBtnTxt: {
+        color: COLORS.whiteColor,
+        fontFamily: FONT_NORMAL,
+        fontSize: 17
+    },
+})

package/src/app/screens/Banks.js

@@ -0,0 +1,151 @@
+import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from 'react-native'
+import React from 'react'
+import { COLORS, FONT_NORMAL, WP } from '../themes/config'
+import { Balance, Entries, SearchBar, User } from '../components'
+import Ionicons from "react-native-vector-icons/Ionicons"
+import AntDesign from "react-native-vector-icons/AntDesign"
+import FontAwesome6 from "react-native-vector-icons/FontAwesome6"
+import LinearGradient from 'react-native-linear-gradient'
+
+export default function Banks() {
+
+    const data = []
+
+    return (
+        <View style={Styles._mainContainer}>
+            <ScrollView
+                contentContainerStyle={{ alignItems: "center", paddingBottom: 60 }}
+                showsVerticalScrollIndicator={false}
+            >
+                <Balance greenTitle={"Total purchase of Sep"} redTitle={"You will get"} />
+                <Entries marginTop={85}/>
+
+                <View style={Styles._contentMain}>
+                    {/* <View style={Styles._searchMain}>
+                        <View style={Styles._inputMain}>
+                            <SearchBar />
+                        </View>
+
+                        <View style={Styles._filterMain}>
+                            <TouchableOpacity
+                                activeOpacity={0.8}
+                                style={Styles._filterBtn}
+                            >
+                                <Ionicons
+                                    name={"funnel-outline"}
+                                    color={COLORS.primaryColor}
+                                    size={27}
+                                />
+                            </TouchableOpacity>
+
+                            <TouchableOpacity
+                                activeOpacity={0.8}
+                                style={Styles._filterBtn}
+                            >
+                                <FontAwesome6
+                                    name={"file-pdf"}
+                                    color={COLORS.primaryColor}
+                                    size={23}
+                                />
+                            </TouchableOpacity>
+                        </View>
+                    </View>
+
+                    <View>
+                        {
+                            data.map((item, index) => {
+                                return (
+                                    <User key={index} name={item?.name} addedAt={item?.addedAt} amount={item?.amount} type={item?.type} avatarColor={item?.avatarColor} />
+                                )
+                            })
+                        }
+                    </View> */}
+                </View>
+            </ScrollView>
+
+            <TouchableOpacity
+                style={Styles._floatingBtn}
+                activeOpacity={0.8}
+            >
+                <LinearGradient start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} colors={[COLORS.primaryColor, COLORS.secondaryColor]} style={Styles._linearGradient}>
+                    <AntDesign
+                        name={"bank"}
+                        color={COLORS.whiteColor}
+                        size={22}
+                        style={{ paddingLeft: 10 }}
+                    />
+
+                    <Text style={Styles._fabTxt}>ADD BANK</Text>
+                </LinearGradient>
+            </TouchableOpacity>
+        </View>
+    )
+}
+
+const Styles = StyleSheet.create({
+    _mainContainer: {
+        flex: 1,
+        backgroundColor: COLORS.backgroundColor,
+        alignItems: "center",
+    },
+    _contentMain: {
+        width: WP(100),
+        // height: 30,
+        backgroundColor: COLORS.whiteColor,
+        paddingHorizontal: 15,
+        marginTop: 6
+    },
+    _searchMain: {
+        width: "100%",
+        flexDirection: "row",
+        // height:40,
+        paddingVertical: 20
+    },
+    _inputMain: {
+        width: "75%"
+    },
+    _filterMain: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 11,
+        paddingLeft: 10
+    },
+    _filterBtn: {
+        width: 35,
+        height: 35,
+        justifyContent: "center",
+        alignItems: "center"
+        // backgroundColor:"red"
+    },
+    _floatingBtn: {
+        width: WP(28),
+        height: 42,
+        position: "absolute",
+        right: 12,
+        bottom: 70,
+        borderRadius: 40,
+        overflow: "hidden",
+        shadowColor: "#000",
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.2,
+        shadowRadius: 3.84,
+        elevation: 5,
+    },
+    _linearGradient: {
+        width: "100%",
+        height: "100%",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    _fabTxt: {
+        color: COLORS.whiteColor,
+        fontSize: 12,
+        fontFamily: FONT_NORMAL,
+        paddingRight: 10,
+    },
+})