fln-espranza 0.0.41 → 0.0.43

package/components/EButtonIcon.tsx

@@ -1,7 +1,7 @@
 import { View, TouchableOpacity, TouchableOpacityProps } from "react-native";
 import React from "react";
 import tw from "../lib/tailwind";
-import { ArrowNarrowLeftIcon, XIcon } from "react-native-heroicons/solid";
+import { ArrowLeftIcon, XMarkIcon } from "react-native-heroicons/solid";
 
 interface EButtonIconProps extends TouchableOpacityProps {
   type?: "close";
@@ -27,9 +27,9 @@ export default function EButtonIcon({
         }`}
       >
         {type === "close" ? (
-          <XIcon size={20} style={tw`text-${iconColor? iconColor: ""}`} />
+          <XMarkIcon size={20} style={tw`text-${iconColor? iconColor: ""}`} />
         ) : (
-          <ArrowNarrowLeftIcon size={20} style={tw`text-${iconColor? iconColor : ""}`} />
+          <ArrowLeftIcon size={20} style={tw`text-${iconColor? iconColor : ""}`} />
         )}
       </View>
     </TouchableOpacity>

package/components/EListClusterMeeting.tsx

@@ -0,0 +1,48 @@
+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";
+
+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.6}
+    >
+                <View style={tw`flex-row items-center`}>
+                  <EText style={tw`font-bold text-slate-800  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-slate-600 rounded-full mx-1.5`}
+                  ></View>
+                  <EText
+                    size="sm"
+                    style={tw`text-slate-500 flex-1 pr-6`}
+                    numberOfLines={1}
+                  >
+                    {location}
+                  </EText>
+                </View>
+              </TouchableOpacity>
+  );
+}

package/components/ENotFoundPlaceholder.tsx

@@ -0,0 +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>
+  )
+}

package/components/PageHeader.tsx

@@ -95,6 +95,7 @@ export default function PageHeader({
             <EText
               size="lg"
               style={tw.style("text-slate-800 font-bold")}
+              numberOfLines={1}
             >
               {title}
             </EText>

package/components/index.tsx

@@ -29,6 +29,7 @@ import Spacer from "./Spacer";
 import ProgressBar from "./EProgressBar";
 import Loader from "./Loader";
 import EStat from "./EStat";
+import EListClusterMeeting from "./EListClusterMeeting";
 
 export {
   Avatar,
@@ -51,6 +52,7 @@ export {
   EBadge,
   EDateAndTimeCard,
   ELabel,
+  EListClusterMeeting,
   EOtpInput,
   EPageDescription,
   ETimeLineCard,

package/index.ts

@@ -35,6 +35,7 @@ import EErrorText from "./components/EErrorText";
 import EListPerson from "./components/EListPerson";
 import EListSchool from "./components/EListSchool";
 import ETextArea from "./components/ETextArea";
+import ENotFoundPlaceholder from "./components/ENotFoundPlaceholder";
 
 // ICONS
 import EIconAdd from "./components/icons/EIconAdd";
@@ -131,6 +132,7 @@ export {
   EEmptyPlaceholder,
   EProfileScreenLayout,
   ETextArea,
+  ENotFoundPlaceholder,
 
   // ICONS
   EIconAdd,
@@ -176,5 +178,7 @@ export {
   EIconUserCheck,
   EIconUsers,
   EIconMale,
-  EIconFemale
+  EIconFemale,
+  EIconDocumentCheck,
+  
 };

package/package.json

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