fln-espranza 0.0.42 → 0.0.44

package/components/EEmptyPlaceholder.tsx

@@ -1,21 +1,21 @@
-
-import React from 'react'
-import { ImageBackground, View } from 'react-native'
-import tw from "../lib/tailwind"
-import EText from "./EText";
-
-
-interface IProps{
-    text: string;
-}
-
-export default function EEmptyPlaceholder( { text }: IProps) {
-  return (
-    <View style={tw`flex justify-center items-center`}>
-        <ImageBackground source={require("../assets/images/empty.png")} style={{width: 200, height: 200}} />
-        <EText style={tw`text-center text-gray-800 mt-5`}>
-            {text}
-        </EText>
-    </View>
-  )
-}
+
+import React from 'react'
+import { ImageBackground, View } from 'react-native'
+import tw from "../lib/tailwind"
+import EText from "./EText";
+
+
+interface IProps{
+    text: string;
+}
+
+export default function EEmptyPlaceholder( { text }: IProps) {
+  return (
+    <View style={tw`flex justify-center items-center`}>
+        <ImageBackground source={require("../assets/images/empty.png")} style={{width: 200, height: 200}} />
+        <EText style={tw`text-center text-gray-800 mt-5`}>
+            {text}
+        </EText>
+    </View>
+  )
+}

package/components/EErrorText.tsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import { View } from 'react-native';
-import tw from '../lib/tailwind';
-import EText from './EText';
-
-
-interface IProps {
-    error: string;
-}
-
-export default function EErrorText( { error }: IProps ) {
-  return (
-    <View>
-        <EText size={"xs"} style={tw`text-red-500`}>
-            {error}
-        </EText>
-    </View>
-  )
-}
+import React from 'react';
+import { View } from 'react-native';
+import tw from '../lib/tailwind';
+import EText from './EText';
+
+
+interface IProps {
+    error: string;
+}
+
+export default function EErrorText( { error }: IProps ) {
+  return (
+    <View>
+        <EText size={"xs"} style={tw`text-red-500`}>
+            {error}
+        </EText>
+    </View>
+  )
+}

package/components/EInfoBox.tsx

@@ -1,41 +1,41 @@
-import { View, Text } from "react-native";
-import React from "react";
-import tw from "../lib/tailwind";
-import EText from "./EText";
-import { Style } from "twrnc/dist/esm/types";
-
-interface InfoBoxProps {
-  title?: string;
-  icon: JSX.Element;
-  children: string;
-  color?: string;
-  style?: Style;
-  childTextColor?: string;
-}
-
-export default function InfoBox({
-  title,
-  icon,
-  color,
-  children,
-  style,
-  childTextColor,
-}: InfoBoxProps) {
-  return (
-    <View style={[tw.style("rounded-lg bg-orange-500/10 p-3"), style]}>
-      <View style={tw`flex-row`}>
-        <View style={tw`w-5 h-5 mr-1`}>{icon}</View>
-        <View style={tw`flex-1`}>
-          {title ? (
-            <EText size="sm" style={tw`font-semibold mb-1 text-${color ? color : "white"}`}>
-              {title}
-            </EText>
-          ) : null}
-          <EText size="xs" style={[tw`opacity-60`, {color: childTextColor}]}>
-            {children}
-          </EText>
-        </View>
-      </View>
-    </View>
-  );
-}
+import { View, Text } from "react-native";
+import React from "react";
+import tw from "../lib/tailwind";
+import EText from "./EText";
+import { Style } from "twrnc/dist/esm/types";
+
+interface InfoBoxProps {
+  title?: string;
+  icon: JSX.Element;
+  children: string;
+  color?: string;
+  style?: Style;
+  childTextColor?: string;
+}
+
+export default function InfoBox({
+  title,
+  icon,
+  color,
+  children,
+  style,
+  childTextColor,
+}: InfoBoxProps) {
+  return (
+    <View style={[tw.style("rounded-lg bg-blue-500/10 border border-blue-800/10 p-4"), style]}>
+      <View style={tw`flex-row`}>
+        <View style={tw`w-5 h-5 mr-2`}>{icon}</View>
+        <View style={tw`flex-1`}>
+          {title ? (
+            <EText size="sm" style={tw`font-semibold mb-1 text-${color ? color : "white"}`}>
+              {title}
+            </EText>
+          ) : null}
+          <EText size="xs" style={[tw`text-slate-900 opacity-70`, {color: childTextColor}]}>
+            {children}
+          </EText>
+        </View>
+      </View>
+    </View>
+  );
+}

package/components/EInput.tsx

@@ -1,54 +1,54 @@
-import { View, Text, TextInput, TextInputProps } from "react-native";
-import React, { useState } from "react";
-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;
-  size?: "lg";
-  hasBackground?: boolean;
-  icon?: JSX.Element;
-  style?: any;
-}
-
-export default function EInput({
-  label,
-  size,
-  hasBackground,
-  icon,
-  style,
-  ...props
-}: EInputProps) {
-  const [hasFocus, setHasFocus] = useState(false);
-  return (
-    <View style={[tw`mb-4`, {style}]}>
-      {label ? (
-        <EText size="sm" style={[tw`font-semibold text-slate-800`, {
-          // color: Colors["text-primary"]
-        }]}>
-          {label}
-        </EText>
-      ) : null}
-
-      <View
-        style={tw` mt-2`}
-      >
-        <TextInput
-          style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300  ${
-            hasFocus ? "border-black " : ""
-          }`}
-          {...props}
-          onFocus={() => setHasFocus(!hasFocus)}
-          onBlur={() => setHasFocus(!hasFocus)}
-        />
-        {
-          icon ?
-            <>{icon}</>
-            : null
-        }
-      </View>
-    </View>
-  );
-}
+import { View, Text, TextInput, TextInputProps } from "react-native";
+import React, { useState } from "react";
+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;
+  size?: "lg";
+  hasBackground?: boolean;
+  icon?: JSX.Element;
+  style?: any;
+}
+
+export default function EInput({
+  label,
+  size,
+  hasBackground,
+  icon,
+  style,
+  ...props
+}: EInputProps) {
+  const [hasFocus, setHasFocus] = useState(false);
+  return (
+    <View style={[tw`mb-4`, {style}]}>
+      {label ? (
+        <EText size="sm" style={[tw`font-semibold text-slate-800`, {
+          // color: Colors["text-primary"]
+        }]}>
+          {label}
+        </EText>
+      ) : null}
+
+      <View
+        style={tw` mt-2`}
+      >
+        <TextInput
+          style={tw`h-12 rounded-lg px-4 flex-row items-center border border-slate-300  ${
+            hasFocus ? "border-black " : ""
+          }`}
+          {...props}
+          onFocus={() => setHasFocus(!hasFocus)}
+          onBlur={() => setHasFocus(!hasFocus)}
+        />
+        {
+          icon ?
+            <>{icon}</>
+            : null
+        }
+      </View>
+    </View>
+  );
+}

package/components/ELabel.tsx

@@ -1,15 +1,15 @@
-import React from 'react'
-import tw from '../lib/tailwind'
-import EText from './EText';
-
-interface IProps{
-    label: string;
-}
-
-export default function ELabel( {label }: IProps ) {
-  return (
-    <EText size="sm" style={[tw`font-semibold text-slate-800`, {}]}>
-        {label}
-    </EText>
-  )
-}
+import React from 'react'
+import tw from '../lib/tailwind'
+import EText from './EText';
+
+interface IProps{
+    label: string;
+}
+
+export default function ELabel( {label }: IProps ) {
+  return (
+    <EText size="sm" style={[tw`font-semibold text-slate-800`, {}]}>
+        {label}
+    </EText>
+  )
+}

package/components/EListClusterMeeting.tsx

@@ -0,0 +1,47 @@
+import React from "react";
+import { TouchableOpacity, TouchableOpacityProps, View } from "react-native";
+import tw from "../lib/tailwind";
+import EText from "./EText";
+import { ChevronRightIcon } from "react-native-heroicons/outline";
+import { Colors } from "fln-espranza/utils/Color";
+
+interface IProps extends TouchableOpacityProps {
+  date: string;
+  time: string;
+  location: string;
+}
+
+export default function EListClusterMeeting({
+  date,
+  time,
+  location,
+  ...props
+}: IProps) {
+  return (
+    <TouchableOpacity
+      style={tw`border-b border-slate-200 py-3`}
+      {...props}
+      activeOpacity={0.5}
+    >
+      <View style={tw`flex-row items-center`}>
+        <EText style={tw`font-bold text-slate-800 mb-0.5 flex-1`}>{date}</EText>
+        <ChevronRightIcon style={tw`text-slate-800`} size={16} />
+      </View>
+      <View style={tw`flex-row flex-1 items-center`}>
+        <EText size="sm" style={tw`text-slate-500`}>
+          {time}
+        </EText>
+        <View
+          style={tw`w-1 h-1 bg-[${Colors["primary-base"]}] rounded-full mx-2`}
+        ></View>
+        <EText
+          size="sm"
+          style={tw`text-slate-500 flex-1 pr-6`}
+          numberOfLines={1}
+        >
+          {location}
+        </EText>
+      </View>
+    </TouchableOpacity>
+  );
+}

package/components/EListPerson.tsx

@@ -1,52 +1,52 @@
-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;
-  itemsEnd?: JSX.Element;
-  subTitleIcon?: JSX.Element;
-}
-
-export default function EListPerson({
-  name,
-  subtitle,
-  noBorder,
-  firstLetter,
-  itemsEnd,
-  subTitleIcon
-}: IProps) {
-  return (
-    <View style={[tw`flex-row items-center justify-between`]}>
-      <Avatar size="sm" source={""} nameFirstLetter={name.split(" ")[0].charAt(0)} />
-      <View
-        style={tw` ml-3 py-3 flex-1 flex-row items-center justify-between ${noBorder ? "" : "border-b border-slate-200"
-          }`}
-      >
-        <View>
-          <EText style={tw`font-bold text-slate-800 mb-0.5 capitalize`} numberOfLines={1}>
-            {name}
-          </EText>
-
-          <View style={tw`flex flex-row items-center`}>
-            {subTitleIcon ? subTitleIcon : <></>}
-            {subtitle
-              ?
-              (
-                <EText size="sm" style={tw`text-slate-500`}>
-                  {subtitle}
-                </EText>
-              )
-              : <></>}
-          </View>
-        </View>
-        {itemsEnd}
-      </View>
-    </View>
-  );
-}
+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;
+  itemsEnd?: JSX.Element;
+  subTitleIcon?: JSX.Element;
+}
+
+export default function EListPerson({
+  name,
+  subtitle,
+  noBorder,
+  firstLetter,
+  itemsEnd,
+  subTitleIcon
+}: IProps) {
+  return (
+    <View style={[tw`flex-row items-center justify-between`]}>
+      <Avatar size="sm" source={""} nameFirstLetter={name.split(" ")[0].charAt(0)} />
+      <View
+        style={tw` ml-3 py-3 flex-1 flex-row items-center justify-between ${noBorder ? "" : "border-b border-slate-200"
+          }`}
+      >
+        <View>
+          <EText style={tw`font-bold text-slate-800 mb-0.5 capitalize`} numberOfLines={1}>
+            {name}
+          </EText>
+
+          <View style={tw`flex flex-row items-center`}>
+            {subTitleIcon ? subTitleIcon : <></>}
+            {subtitle
+              ?
+              (
+                <EText size="sm" style={tw`text-slate-500`}>
+                  {subtitle}
+                </EText>
+              )
+              : <></>}
+          </View>
+        </View>
+        {itemsEnd}
+      </View>
+    </View>
+  );
+}

package/components/EListSchool.tsx

@@ -1,35 +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 flex-1`} numberOfLines={2}>
-        {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>
-  );
-}
+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 flex-1`} numberOfLines={2}>
+        {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/ENotFoundPlaceholder.tsx

@@ -1,43 +1,43 @@
-import React from 'react'
-import { Image } from 'react-native'
-import tw from '../../../lib/tailwind'
-import { View } from 'react-native'
-import EText from './EText'
-import { Colors } from "../utils/Color";
-
-interface IProps {
-    title: string;
-    subtitle: string;
-    button?: JSX.Element;
-    icon?: JSX.Element;
-}
-
-export default function ENotFoundPlaceholder(
-    { title, subtitle, button, icon }: IProps
-) {
-  return (
-    <View style={tw`items-center px-16 py-2`}>
-    <Image
-      source={require("../assets/images/icon-placeholder-schedule.png")}
-      style={[tw`mb-2`, { height: 64 }]}
-      resizeMode="contain"
-    />
-
-    <EText
-      size="lg"
-      style={tw`text-center font-bold text-[${Colors["text-primary"]}]`}
-    >
-        {title}
-    </EText>
-    <EText
-      size="sm"
-      style={tw`text-center text-[${Colors["text-secondary"]}]`}
-    >
-        {subtitle}
-    </EText>
-    <View style={tw`mt-6`}>
-        {button}
-    </View>
-  </View>
-  )
-}
+import React from 'react'
+import { Image } from 'react-native'
+import tw from '../../../lib/tailwind'
+import { View } from 'react-native'
+import EText from './EText'
+import { Colors } from "../utils/Color";
+
+interface IProps {
+    title: string;
+    subtitle: string;
+    button?: JSX.Element;
+    icon?: JSX.Element;
+}
+
+export default function ENotFoundPlaceholder(
+    { title, subtitle, button, icon }: IProps
+) {
+  return (
+    <View style={tw`items-center px-16 py-2`}>
+    <Image
+      source={require("../assets/images/icon-placeholder-schedule.png")}
+      style={[tw`mb-2`, { height: 64 }]}
+      resizeMode="contain"
+    />
+
+    <EText
+      size="lg"
+      style={tw`text-center font-bold text-[${Colors["text-primary"]}]`}
+    >
+        {title}
+    </EText>
+    <EText
+      size="sm"
+      style={tw`text-center text-[${Colors["text-secondary"]}]`}
+    >
+        {subtitle}
+    </EText>
+    <View style={tw`mt-6`}>
+        {button}
+    </View>
+  </View>
+  )
+}