fln-espranza 1.1.16 → 1.1.18

package/components/EInput.tsx

@@ -1,9 +1,9 @@
 import { View, Text, TextInput, TextInputProps } from "react-native";
 import React, { useState } from "react";
-import tw from "../lib/tailwind";
 import EText from "./EText";
 import { SearchIcon } from "react-native-heroicons/solid";
 import { Colors } from "../utils/Color";
+import tw from "../lib/tailwind";
 
 interface EInputProps extends TextInputProps {
   label?: string;
@@ -23,22 +23,20 @@ export default function EInput({
   return (
     <View style={[tw`mb-4`, {}]}>
       {label ? (
-        <EText size="xs" style={[tw`font-semibold`, {
-          color: Colors["text-primary"]
+        <EText size="sm" style={[tw`font-semibold text-slate-800`, {
+          // color: Colors["text-primary"]
         }]}>
           {label}
         </EText>
       ) : null}
 
       <View
-        style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300 lowercase mt-2 ${
-          hasFocus ? "border-black shadow-md" : ""
-        }`}
+        style={tw` mt-2 `}
       >
         <TextInput
-          style={[tw`text-sm font-normal text-slate-500 h-full w-full `, {
-            color: Colors["text-placeholder"]
-          }]}
+          style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300  ${
+            hasFocus ? "border-black shadow-md" : ""
+          }`}
           {...props}
           onFocus={() => setHasFocus(!hasFocus)}
           onBlur={() => setHasFocus(!hasFocus)}

package/components/EListPerson.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import { View } from "react-native";
+import tw from "../lib/tailwind";
+import Avatar from "./Avatar";
+import EText from "./EText";
+
+interface IProps {
+  name: string;
+  subtitle?: string;
+  noBorder?: boolean;
+  firstLetter?: string;
+}
+
+export default function EListPerson({
+  name,
+  subtitle,
+  noBorder,
+  firstLetter,
+}: IProps) {
+  return (
+    <View style={[tw`flex-row items-center justify-between`]}>
+      <Avatar size="sm" source={""} nameFirstLetter={firstLetter} />
+      <View
+        style={tw` ml-3 py-3 flex-1 ${
+          noBorder ? "" : "border-b border-slate-200"
+        }`}
+      >
+        <EText style={tw`font-bold text-slate-800 mb-0.5`} numberOfLines={1}>
+          {name}
+        </EText>
+
+        {subtitle ? (
+          <EText size="sm" style={tw`text-slate-500`}>
+            {subtitle}
+          </EText>
+        ) : null}
+      </View>
+    </View>
+  );
+}

package/components/EListSchool.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+import { View } from "react-native";
+import tw from "../lib/tailwind";
+import EText from "./EText";
+
+interface IProps {
+  name: string;
+  code?: string;
+  district?: string;
+  noBorder?: boolean;
+}
+
+export default function EListSchool({
+  name,
+  code,
+  district,
+  noBorder,
+}: IProps) {
+  return (
+    <View style={tw`border-b border-slate-200 py-3`}>
+      <EText style={tw`font-bold text-slate-800 mb-0.5`} numberOfLines={1}>
+        {name}
+      </EText>
+      <View style={tw`flex-row items-center`}>
+        <EText size="sm" style={tw`text-slate-500`}>
+          {code}
+        </EText>
+        {district ? <><View style={tw`w-1 h-1 bg-slate-600 rounded-full mx-1.5`}></View>
+        <EText size="sm" style={tw`text-slate-500`}>
+          {district}
+        </EText></> : null}
+      </View>
+    </View>
+  );
+}

package/components/ESegment.tsx

@@ -9,7 +9,7 @@ export function ESegmentItem(props: any) {
   return (
     <TouchableOpacity
       style={tw.style(
-        "py-1.5 px-4 rounded items-center w-1/2",
+        "py-1.5 px-4 rounded-full items-center w-1/2",
         isActive && "bg-white shadow-lg shadow-slate-500 "
       )}
       onPress={onPress}

package/components/MenuItems.tsx

@@ -1,41 +1,46 @@
-import React from 'react'
-import { TouchableOpacity, View } from 'react-native'
-import { HomeIcon } from 'react-native-heroicons/solid'
-import tw from '../lib/tailwind'
-import { Colors } from '../utils/Color'
-import EText from './EText'
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+import { HomeIcon } from "react-native-heroicons/solid";
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+import EText from "./EText";
 
 interface IProps {
-    title?: string
-    icon?: JSX.Element
-    onPress?: () => void
+  title?: string;
+  icon?: JSX.Element;
+  onPress?: () => void;
 }
 
-export default function MenuItems( { title, icon, onPress }: IProps ) {
-    return (
-        <TouchableOpacity style={tw`flex-row items-center` } onPress={onPress}>
-            {/* <HomeIcon style={[tw`w-6 h-6`, { color: Colors["primary-base"] }]} /> */}
+export default function MenuItems({ title, icon, onPress }: IProps) {
+  return (
+    <TouchableOpacity style={tw`flex-row items-center`} onPress={onPress}>
+      {/* <HomeIcon style={[tw`w-6 h-6`, { color: Colors["primary-base"] }]} /> */}
+      {icon ? (
+        icon
+      ) : (
+        <HomeIcon style={[tw`w-6 h-6`, { color: Colors["primary-base"] }]} />
+      )}
+      <View
+        style={[
+          tw`py-4 ml-4 mr-8 w-[80%]`,
+          {
+            borderBottomWidth: 1,
+            borderBottomColor: Colors.border,
+          },
+        ]}
+      >
+        <EText
+          size="base"
+          style={[
+            tw`font-medium `,
             {
-                icon ? 
-                icon
-                :
-                <HomeIcon style={[tw`w-6 h-6`, { color: Colors["primary-base"] }]} /> 
-            }
-            <View style={[tw`py-4 ml-4 mr-8 w-[80%]`, {
-                borderBottomWidth: 1,
-                borderBottomColor: Colors.border,
-            }]}>
-                <EText size="sm" style={[tw`font-medium `, {
-                    color: Colors["text-primary"]
-                }]}>
-                    {
-                        title ?
-                        title
-                        :
-                        "Dashboard"
-                    }
-                    </EText>
-            </View>
-        </TouchableOpacity>
-    )
+              color: Colors["text-primary"],
+            },
+          ]}
+        >
+          {title ? title : "Dashboard"}
+        </EText>
+      </View>
+    </TouchableOpacity>
+  );
 }

package/components/PageHeader.tsx

@@ -50,16 +50,6 @@ export default function PageHeader({
   return (
     <View style={[tw`${curved ? "-mb-2" : ""} ${border ? "border-b border-slate-300" : ""} `, {}]}>
       <View style={tw`overflow-hidden`}>
-        {/* curved ? (
-          <Image
-            resizeMode="cover"
-            // source={require("../assets/images/bg-header.jpg")}
-            style={[
-              tw`absolute w-full h-full`,
-              { width: SCREEN_WIDTH, borderBottomRightRadius: 32 },
-            ]}
-          />
-          ) : null */}
         <Animated.View
           style={[
             tw`flex-row pr-4 pl-3 pb-3`,

package/components/SecondaryBaseLayout.tsx

@@ -31,7 +31,7 @@ interface BaseLayoutProps {
   subtitle?: string;
   curved?: boolean;
   headerContent?: JSX.Element;
-  children?: JSX.Element;
+  children?: JSX.Element | JSX.Element[];
   iconEnd?: JSX.Element;
   noScroll?: boolean;
   bottomButton?: JSX.Element;
@@ -70,7 +70,7 @@ export default function SecondaryBaseLayout({
       {/* HEADER */}
       <View
         style={[
-          tw`absolute top-0 right-0 left-0 pt-2 z-10 w-full bg-slate-50 border-b border-slate-200  ${
+          tw`absolute top-0 right-0 left-0 pt-2 z-10 w-full bg-white  ${
             title ? "mb-1" : "pb-0"
           }`,
         ]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fln-espranza",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "description": "All components used inside FLN Project of Espranza Innovations",
   "main": "index.ts",
   "scripts": {