fln-espranza 1.1.15 → 1.1.16

package/.expo/README.md

@@ -0,0 +1,15 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What do the files contain?
+
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "packager-info.json": contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/.expo/settings.json

@@ -0,0 +1,8 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null,
+  "https": false
+}

package/components/BaseLayout.tsx

@@ -1,174 +1,174 @@
-import { View, ImageBackground, Dimensions, Animated } from "react-native";
-import React, { useEffect, useRef, useState } from "react";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import tw from "../lib/tailwind";
-import EText from "./EText";
-import { StatusBar } from "expo-status-bar";
-import { Container, EButton, EButtonIcon, PageHeader } from ".";
-import Constants from "expo-constants";
-import { useNavigation } from "@react-navigation/native";
-
-const SCREEN_WIDTH = Dimensions.get("window").width;
-const SCREEN_HEIGHT = Dimensions.get("window").height;
-const HEADER_HEIGHT = Constants.statusBarHeight + 60;
-const SCROLL_PADDING_BOTTOM = 100;
-
-interface BaseLayoutProps {
-  title: string;
-  subtitle?: string;
-  curved?: boolean;
-  headerContent?: JSX.Element;
-  children?: JSX.Element;
-  iconEnd?: JSX.Element;
-  noScroll?: boolean;
-  bottomButton?: JSX.Element;
-  border?: boolean;
-  menuButton?: boolean;
-}
-
-export default function BaseLayout({
-  title,
-  subtitle,
-  curved,
-  headerContent,
-  children,
-  noScroll,
-  iconEnd,
-  bottomButton,
-  border,
-  menuButton,
-}: BaseLayoutProps) {
-  const insets = useSafeAreaInsets();
-  const [headerScrolled, setHeaderScrolled] = useState(false);
-  const scrollY = useRef(new Animated.Value(0)).current;
-  const opacity = useRef(new Animated.Value(0)).current;
-
-  useEffect(() => {
-    Animated.spring(scrollY, {
-      toValue: headerScrolled ? 0 : -40,
-      speed: 2,
-      delay: 1,
-      bounciness: 1,
-      useNativeDriver: true,
-    }).start();
-
-    Animated.spring(opacity, {
-      toValue: headerScrolled ? 0.975 : 0,
-      speed: 2,
-      delay: 1,
-      bounciness: 1,
-      useNativeDriver: true,
-    }).start();
-  }, [headerScrolled]);
-
-  const navigation = useNavigation();
-
-  return (
-    <View
-      style={[
-        tw`flex-1 bg-white`,
-        {
-          paddingBottom: noScroll ? 0 : insets.bottom,
-        },
-      ]}
-    >
-      <StatusBar
-        style={headerScrolled ? "light" : curved ? "light" : "dark"}
-        animated
-      />
-      {/* COLLAPSED HEADER */}
-      <Animated.View
-        style={[
-          tw`absolute top-0 left-0 right-0 bg-white z-10 shadow-2xl`,
-          {
-            transform: [{ translateY: scrollY }],
-            opacity,
-          },
-        ]}
-      >
-        <ImageBackground
-          style={[tw`flex-1`, {}]}
-          source={require("../assets/images/bg-header.jpg")}
-        >
-          <View
-            style={[
-              tw`flex-1 pl-3 pb-3 flex-row items-center`,
-              { paddingTop: Constants.statusBarHeight + 4 },
-            ]}
-          >
-            <EButtonIcon
-              iconColor={"white"}
-              size={20}
-              onPress={() => navigation.goBack()}
-            />
-            <View style={tw`ml-2`}>
-              <EText size="base" style={tw`font-semibold text-white mb-0.5`}>
-                {title}
-              </EText>
-              {subtitle ? (
-                <EText
-                  size="xs"
-                  style={tw`font-semibold text-white opacity-40`}
-                >
-                  {subtitle}
-                </EText>
-              ) : null}
-            </View>
-          </View>
-        </ImageBackground>
-      </Animated.View>
-
-      {noScroll ? (
-        <View style={tw`flex-1`}>
-          <PageHeader
-            title={title}
-            subtitle={subtitle}
-            curved={curved}
-            iconEnd={iconEnd}
-          >
-            {headerContent}
-          </PageHeader>
-          {children}
-        </View>
-      ) : (
-        <Animated.ScrollView
-          onScroll={(event) => {
-            const scrolling = event.nativeEvent.contentOffset.y;
-            scrolling > 60 ? setHeaderScrolled(true) : setHeaderScrolled(false);
-          }}
-          style={[
-            tw`flex-1`,
-            { minHeight: SCREEN_HEIGHT, paddingBottom: SCROLL_PADDING_BOTTOM },
-          ]}
-          scrollEventThrottle={16}
-          showsVerticalScrollIndicator={false}
-          decelerationRate={"fast"}
-          //   fadingEdgeLength={1s00}
-          // alwaysBounceVertical={false}
-          contentContainerStyle={{
-            paddingBottom: SCROLL_PADDING_BOTTOM,
-          }}
-        >
-          <PageHeader
-            menuButton={menuButton}
-            title={title}
-            subtitle={subtitle}
-            curved={curved}
-            iconEnd={iconEnd}
-            border={border}
-          >
-            {headerContent}
-          </PageHeader>
-          {children}
-        </Animated.ScrollView>
-      )}
-      {bottomButton ? (
-        <Container style={tw`flex-1 justify-end mb-4 `}>
-          {bottomButton}
-        </Container>
-      ) : (
-        <></>
-      )}
-    </View>
-  );
-}
+import { View, ImageBackground, Dimensions, Animated } from "react-native";
+import React, { useEffect, useRef, useState } from "react";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import tw from "../lib/tailwind";
+import EText from "./EText";
+import { StatusBar } from "expo-status-bar";
+import { Container, EButton, EButtonIcon, PageHeader } from ".";
+import Constants from "expo-constants";
+import { useNavigation } from "@react-navigation/native";
+
+const SCREEN_WIDTH = Dimensions.get("window").width;
+const SCREEN_HEIGHT = Dimensions.get("window").height;
+const HEADER_HEIGHT = Constants.statusBarHeight + 60;
+const SCROLL_PADDING_BOTTOM = 100;
+
+interface BaseLayoutProps {
+  title: string;
+  subtitle?: string;
+  curved?: boolean;
+  headerContent?: JSX.Element;
+  children?: JSX.Element;
+  iconEnd?: JSX.Element;
+  noScroll?: boolean;
+  bottomButton?: JSX.Element;
+  border?: boolean;
+  menuButton?: boolean;
+}
+
+export default function BaseLayout({
+  title,
+  subtitle,
+  curved,
+  headerContent,
+  children,
+  noScroll,
+  iconEnd,
+  bottomButton,
+  border,
+  menuButton,
+}: BaseLayoutProps) {
+  const insets = useSafeAreaInsets();
+  const [headerScrolled, setHeaderScrolled] = useState(false);
+  const scrollY = useRef(new Animated.Value(0)).current;
+  const opacity = useRef(new Animated.Value(0)).current;
+
+  useEffect(() => {
+    Animated.spring(scrollY, {
+      toValue: headerScrolled ? 0 : -40,
+      speed: 2,
+      delay: 1,
+      bounciness: 1,
+      useNativeDriver: true,
+    }).start();
+
+    Animated.spring(opacity, {
+      toValue: headerScrolled ? 0.975 : 0,
+      speed: 2,
+      delay: 1,
+      bounciness: 1,
+      useNativeDriver: true,
+    }).start();
+  }, [headerScrolled]);
+
+  const navigation = useNavigation();
+
+  return (
+    <View
+      style={[
+        tw`flex-1 bg-white`,
+        {
+          paddingBottom: noScroll ? 0 : insets.bottom,
+        },
+      ]}
+    >
+      <StatusBar
+        style={headerScrolled ? "light" : curved ? "light" : "dark"}
+        animated
+      />
+      {/* COLLAPSED HEADER */}
+      <Animated.View
+        style={[
+          tw`absolute top-0 left-0 right-0 bg-white z-10 shadow-2xl`,
+          {
+            transform: [{ translateY: scrollY }],
+            opacity,
+          },
+        ]}
+      >
+        <ImageBackground
+          style={[tw`flex-1`, {}]}
+          source={require("../assets/images/bg-header.jpg")}
+        >
+          <View
+            style={[
+              tw`flex-1 pl-3 pb-3 flex-row items-center`,
+              { paddingTop: Constants.statusBarHeight + 4 },
+            ]}
+          >
+            <EButtonIcon
+              iconColor={"white"}
+              size={20}
+              onPress={() => navigation.goBack()}
+            />
+            <View style={tw`ml-2`}>
+              <EText size="base" style={tw`font-semibold text-white mb-0.5`}>
+                {title}
+              </EText>
+              {subtitle ? (
+                <EText
+                  size="xs"
+                  style={tw`font-semibold text-white opacity-40`}
+                >
+                  {subtitle}
+                </EText>
+              ) : null}
+            </View>
+          </View>
+        </ImageBackground>
+      </Animated.View>
+
+      {noScroll ? (
+        <View style={tw`flex-1`}>
+          <PageHeader
+            title={title}
+            subtitle={subtitle}
+            curved={curved}
+            iconEnd={iconEnd}
+          >
+            {headerContent}
+          </PageHeader>
+          {children}
+        </View>
+      ) : (
+        <Animated.ScrollView
+          onScroll={(event) => {
+            const scrolling = event.nativeEvent.contentOffset.y;
+            scrolling > 60 ? setHeaderScrolled(true) : setHeaderScrolled(false);
+          }}
+          style={[
+            tw`flex-1`,
+            { minHeight: SCREEN_HEIGHT, paddingBottom: SCROLL_PADDING_BOTTOM },
+          ]}
+          scrollEventThrottle={16}
+          showsVerticalScrollIndicator={false}
+          decelerationRate={"fast"}
+          //   fadingEdgeLength={1s00}
+          // alwaysBounceVertical={false}
+          contentContainerStyle={{
+            paddingBottom: SCROLL_PADDING_BOTTOM,
+          }}
+        >
+          <PageHeader
+            menuButton={menuButton}
+            title={title}
+            subtitle={subtitle}
+            curved={curved}
+            iconEnd={iconEnd}
+            border={border}
+          >
+            {headerContent}
+          </PageHeader>
+          {children}
+        </Animated.ScrollView>
+      )}
+      {bottomButton ? (
+        <Container style={tw`flex-1 justify-end mb-4 `}>
+          {bottomButton}
+        </Container>
+      ) : (
+        <></>
+      )}
+    </View>
+  );
+}

package/components/Drawer.tsx

@@ -1,97 +1,97 @@
-import React from "react";
-import { ScrollView, View, TouchableOpacity } from "react-native";
-import { HomeIcon,CalendarIcon, TemplateIcon, ViewBoardsIcon } from 'react-native-heroicons/solid';
-import { StyleSheet } from 'react-native';
-import tw from "../lib/tailwind";
-import EText from "./EText";
-import Spacer from "./Spacer";
-import Avatar from "./Avatar";
-import { Colors } from "../utils/Color";
-import MenuItems from "./MenuItems";
-
-type menuItems = {
-    title: string,
-    icon: any,
-    screen: string,
-} 
-
-interface IProps{
-    name: string,
-    profile: string,
-    menuItems: menuItems[];
-    navigation: any;
-}
-
-const Drawer = ({name,profile, menuItems,navigation }: IProps) => {
-  return (
-    <ScrollView
-      scrollEnabled={true}
-      showsVerticalScrollIndicator={false}
-      style={{
-        position: 'relative',
-        backgroundColor: '#ffffff',
-      }}>
-      <View style={tw`mx-4 pt-4`}>
-        <Spacer height={30} />
-
-        <View style={tw`flex w-full mt-5`}>
-          <View style={tw`flex-row items-center`}>
-            <Avatar
-              size="sm"
-              source={""}
-              nameFirstLetter={name?.split("")[0]}
-            />
-            <View style={tw`ml-3`}>
-              <EText size={"xl"} style={tw`font-bold -mt-1`}>{name}</EText>
-              <EText size="sm" style={[tw`font-normal`, {
-                color: Colors["text-body"]
-              }]}>
-                {profile}
-              </EText>
-            </View>
-          </View>
-        </View>
-
-        <Spacer height={30} />
-        {
-          menuItems.map((item, index) => {
-            return (
-              <MenuItems
-                key={index}
-                title={item.title}
-                icon={item.icon}
-                onPress={() => navigation.navigate(item.screen)}
-              />
-            )
-          })
-        }
-        <Spacer />
-        <Spacer />
-        <MenuItems
-          title="Profile"
-          onPress={() => navigation.navigate("ProfileScreen")}
-        />
-        <MenuItems
-          title="Settings"
-        />
-        <MenuItems
-          title="Logout"
-        />
-      </View>
-    </ScrollView>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: '#fff',
-    padding: 10,
-  },
-  logoStyle: {
-    height: 20,
-    width: '80%',
-    alignSelf: 'center',
-  },
-});
-
+import React from "react";
+import { ScrollView, View, TouchableOpacity } from "react-native";
+import { HomeIcon,CalendarIcon, TemplateIcon, ViewBoardsIcon } from 'react-native-heroicons/solid';
+import { StyleSheet } from 'react-native';
+import tw from "../lib/tailwind";
+import EText from "./EText";
+import Spacer from "./Spacer";
+import Avatar from "./Avatar";
+import { Colors } from "../utils/Color";
+import MenuItems from "./MenuItems";
+
+type menuItems = {
+    title: string,
+    icon: any,
+    screen: string,
+} 
+
+interface IProps{
+    name: string,
+    profile: string,
+    menuItems: menuItems[];
+    navigation: any;
+}
+
+const Drawer = ({name,profile, menuItems,navigation }: IProps) => {
+  return (
+    <ScrollView
+      scrollEnabled={true}
+      showsVerticalScrollIndicator={false}
+      style={{
+        position: 'relative',
+        backgroundColor: '#ffffff',
+      }}>
+      <View style={tw`mx-4 pt-4`}>
+        <Spacer height={30} />
+
+        <View style={tw`flex w-full mt-5`}>
+          <View style={tw`flex-row items-center`}>
+            <Avatar
+              size="sm"
+              source={""}
+              nameFirstLetter={name?.split("")[0]}
+            />
+            <View style={tw`ml-3`}>
+              <EText size={"xl"} style={tw`font-bold -mt-1`}>{name}</EText>
+              <EText size="sm" style={[tw`font-normal`, {
+                color: Colors["text-body"]
+              }]}>
+                {profile}
+              </EText>
+            </View>
+          </View>
+        </View>
+
+        <Spacer height={30} />
+        {
+          menuItems.map((item, index) => {
+            return (
+              <MenuItems
+                key={index}
+                title={item.title}
+                icon={item.icon}
+                onPress={() => navigation.navigate(item.screen)}
+              />
+            )
+          })
+        }
+        <Spacer />
+        <Spacer />
+        <MenuItems
+          title="Profile"
+          onPress={() => navigation.navigate("ProfileScreen")}
+        />
+        <MenuItems
+          title="Settings"
+        />
+        <MenuItems
+          title="Logout"
+        />
+      </View>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#fff',
+    padding: 10,
+  },
+  logoStyle: {
+    height: 20,
+    width: '80%',
+    alignSelf: 'center',
+  },
+});
+
 export default Drawer;

package/components/EBadge.tsx

@@ -1,27 +1,23 @@
-import React from 'react'
-import { View } from 'react-native'
-import tw from '../lib/tailwind';
-import EText from './EText';
-import { CheckCircleIcon } from 'react-native-heroicons/solid';
-
-
-interface IProps {
-    text: string;
-    completed?: boolean;
-    color?: string;
-    textColor?: string;
-    size: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "title";
-    fontWeight: string;
-    padding: string;
-}
-
-export default function EBadge({ text, completed, color, textColor, size, fontWeight, padding }: IProps) {
-    return (
-        <View style={[tw` rounded-full flex-row ${padding}`, {backgroundColor: color}]}>
-            {completed ? <CheckCircleIcon style={tw`text-white mr-1`} size={16} /> : null}
-            <EText size={size} style={tw`${fontWeight} ${textColor ? textColor : ""}`}>
-                {text}
-            </EText>
-        </View>
-    )
-}
+import React from 'react'
+import { View } from 'react-native'
+import tw from '../lib/tailwind';
+import EText from './EText';
+import { CheckCircleIcon } from 'react-native-heroicons/solid';
+
+
+interface IProps {
+    text: string;
+    color?: string;
+    completed?: boolean;
+}
+
+export default function EBadge({ text, completed, color  }: IProps) {
+    return (
+        <View style={[tw`rounded-full flex-row p-1 px-2 ${completed ? 'bg-green-600' : color}`, ]}>
+            {completed ? <CheckCircleIcon style={tw`text-white -ml-1 mr-1`} size={16} /> : null}
+            <EText size='xs' style={tw`font-semibold text-white`}>
+                {text}
+            </EText>
+        </View>
+    )
+}