fln-espranza 1.1.7 → 1.1.9

package/components/EProfile.tsx

@@ -27,9 +27,9 @@ export default function EProfile({ name, subjectName, border, children, titleSiz
         />
         <View style={tw`ml-3`}>
           <EText style={[tw`${titleSize}`, { color: Colors['text-primary'] }]}>{name}</EText>
-          <EText style={[tw`mt-1 ${subTitleSize}`, { color: Colors['text-body'] }]}>
+          {subjectName ? <EText style={[tw`mt-1 ${subTitleSize}`, { color: Colors['text-body'] }]}>
             {subjectName}
-          </EText>
+          </EText> : null}
         </View>
       </View>
       {

package/components/ProgressBar.tsx

@@ -0,0 +1,33 @@
+import React, { useEffect, useRef, useState } from 'react'
+import { Animated,StyleSheet, View } from 'react-native';
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+
+interface IProps{
+    progress: number;
+}
+
+export default function ProgressBar( {progress}: IProps) {
+
+
+    const barWidth = useRef(new Animated.Value(0)).current;
+
+    useEffect(() => {
+        Animated.spring(barWidth, {
+            toValue: progress,
+            bounciness: 0,
+            speed: 1,
+            useNativeDriver: false,
+        }).start();
+    }, [progress]);
+    return (
+        <View style={[tw`h-2 w-14 bg-[${Colors['primary-light']}] overflow-hidden mr-2`, {
+            borderRadius: 40,
+        }]}>
+            <Animated.View
+                style={[StyleSheet.absoluteFill, { backgroundColor: Colors['primary-base'], width: barWidth }]}
+
+            />
+        </View>
+    )
+}

package/components/Spacer.tsx

@@ -3,11 +3,12 @@ import React from "react";
 import tw from '../lib/tailwind'
 
 export default function Spacer(props: any) {
-  const { sm, lg, xs } = props;
+  const { sm, lg, xs, md } = props;
   return <View style={tw.style(
     "my-4",
     xs && "my-1",
     sm && "my-2",
+    md && "my-3",
     lg && "my-6"
   )} />;
 }

package/components/index.tsx

@@ -26,6 +26,7 @@ import ModalLayout from "./ModalLayout";
 import PageHeader from "./PageHeader";
 import PageHeaderSecondary from "./PageHeaderSecondary";
 import Spacer from "./Spacer";
+import ProgressBar from "./ProgressBar";
 
 export {
   Avatar,
@@ -55,7 +56,8 @@ export {
   EPillButton,
   EProfile,
   SecondaryBaseLayout,
-  Timer
+  Timer,
+  ProgressBar
   
 
 };

package/index.ts

@@ -27,6 +27,7 @@ import PageHeader from "./components/PageHeader";
 import PageHeaderSecondary from "./components/PageHeaderSecondary";
 import Spacer from "./components/Spacer";
 import { Colors } from "./utils/Color";
+import ProgressBar from "./components/ProgressBar";
 
 export {
   Avatar,
@@ -57,6 +58,7 @@ export {
   EProfile,
   SecondaryBaseLayout,
   Timer,
+  ProgressBar,
   Colors
 
 };

package/package.json

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