fln-espranza 0.0.43 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/EInfoBox.tsx +3 -3
  2. package/components/EListClusterMeeting.tsx +29 -30
  3. package/components/EProfile.tsx +2 -6
  4. package/components/EStat.tsx +28 -11
  5. package/package.json +1 -1
package/components/EInfoBox.tsx CHANGED
@@ -22,16 +22,16 @@ export default function InfoBox({
22
22
  childTextColor,
23
23
  }: InfoBoxProps) {
24
24
  return (
25
- <View style={[tw.style("rounded-lg bg-orange-500/10 p-3"), style]}>
25
+ <View style={[tw.style("rounded-lg bg-blue-500/10 border border-blue-800/10 p-4"), style]}>
26
26
  <View style={tw`flex-row`}>
27
- <View style={tw`w-5 h-5 mr-1`}>{icon}</View>
27
+ <View style={tw`w-5 h-5 mr-2`}>{icon}</View>
28
28
  <View style={tw`flex-1`}>
29
29
  {title ? (
30
30
  <EText size="sm" style={tw`font-semibold mb-1 text-${color ? color : "white"}`}>
31
31
  {title}
32
32
  </EText>
33
33
  ) : null}
34
- <EText size="xs" style={[tw`opacity-60`, {color: childTextColor}]}>
34
+ <EText size="xs" style={[tw`text-slate-900 opacity-70`, {color: childTextColor}]}>
35
35
  {children}
36
36
  </EText>
37
37
  </View>
package/components/EListClusterMeeting.tsx CHANGED
@@ -1,14 +1,14 @@
1
1
  import React from "react";
2
2
  import { TouchableOpacity, TouchableOpacityProps, View } from "react-native";
3
3
  import tw from "../lib/tailwind";
4
- import EText from "./EText";import {
5
- ChevronRightIcon,
6
- } from "react-native-heroicons/outline";
4
+ import EText from "./EText";
5
+ import { ChevronRightIcon } from "react-native-heroicons/outline";
6
+ import { Colors } from "fln-espranza/utils/Color";
7
7
 
8
8
  interface IProps extends TouchableOpacityProps {
9
9
  date: string;
10
- time?: string;
11
- location?: string;
10
+ time: string;
11
+ location: string;
12
12
  }
13
13
 
14
14
  export default function EListClusterMeeting({
@@ -18,31 +18,30 @@ export default function EListClusterMeeting({
18
18
  ...props
19
19
  }: IProps) {
20
20
  return (
21
- <TouchableOpacity style={tw`border-b border-slate-200 py-3`}
22
- {...props}
23
- activeOpacity={0.6}
21
+ <TouchableOpacity
22
+ style={tw`border-b border-slate-200 py-3`}
23
+ {...props}
24
+ activeOpacity={0.5}
24
25
  >
25
- <View style={tw`flex-row items-center`}>
26
- <EText style={tw`font-bold text-slate-800 flex-1`}>
27
- {date}
28
- </EText>
29
- <ChevronRightIcon style={tw`text-slate-800`} size={16} />
30
- </View>
31
- <View style={tw`flex-row flex-1 items-center`}>
32
- <EText size="sm" style={tw`text-slate-500`}>
33
- {time}
34
- </EText>
35
- <View
36
- style={tw`w-1 h-1 bg-slate-600 rounded-full mx-1.5`}
37
- ></View>
38
- <EText
39
- size="sm"
40
- style={tw`text-slate-500 flex-1 pr-6`}
41
- numberOfLines={1}
42
- >
43
- {location}
44
- </EText>
45
- </View>
46
- </TouchableOpacity>
26
+ <View style={tw`flex-row items-center`}>
27
+ <EText style={tw`font-bold text-slate-800 mb-0.5 flex-1`}>{date}</EText>
28
+ <ChevronRightIcon style={tw`text-slate-800`} size={16} />
29
+ </View>
30
+ <View style={tw`flex-row flex-1 items-center`}>
31
+ <EText size="sm" style={tw`text-slate-500`}>
32
+ {time}
33
+ </EText>
34
+ <View
35
+ style={tw`w-1 h-1 bg-[${Colors["primary-base"]}] rounded-full mx-2`}
36
+ ></View>
37
+ <EText
38
+ size="sm"
39
+ style={tw`text-slate-500 flex-1 pr-6`}
40
+ numberOfLines={1}
41
+ >
42
+ {location}
43
+ </EText>
44
+ </View>
45
+ </TouchableOpacity>
47
46
  );
48
47
  }
package/components/EProfile.tsx CHANGED
@@ -10,8 +10,6 @@ interface IProps {
10
10
  subjectName?: string;
11
11
  border?: boolean;
12
12
  children?: JSX.Element;
13
- titleSize: string;
14
- subTitleSize: string;
15
13
  }
16
14
 
17
15
  export default function EProfile({
@@ -19,8 +17,6 @@ export default function EProfile({
19
17
  subjectName,
20
18
  border,
21
19
  children,
22
- titleSize,
23
- subTitleSize,
24
20
  }: IProps) {
25
21
  return (
26
22
  <View
@@ -40,7 +36,7 @@ export default function EProfile({
40
36
  <View style={tw`ml-3`}>
41
37
  <EText
42
38
  style={[
43
- tw`font-bold text-slate-800 mb-0.5 capitalize ${titleSize}`,
39
+ tw`font-bold text-slate-800 mb-0.5 capitalize`,
44
40
  { color: Colors["text-primary"] },
45
41
  ]}
46
42
  >
@@ -49,7 +45,7 @@ export default function EProfile({
49
45
  {subjectName ? (
50
46
  <EText
51
47
  size="sm"
52
- style={[tw` ${subTitleSize}`, { color: Colors["text-body"] }]}
48
+ style={[tw` `, { color: Colors["text-body"] }]}
53
49
  >
54
50
  {subjectName}
55
51
  </EText>
package/components/EStat.tsx CHANGED
@@ -1,24 +1,41 @@
1
1
  import React from "react";
2
- import { View } from "react-native";
2
+ import { TouchableOpacity, View } from "react-native";
3
3
  import tw from "../../../lib/tailwind";
4
4
  import EText from "./EText";
5
5
 
6
6
  interface IProps {
7
7
  stat: string;
8
+ target: string;
8
9
  label: string;
9
- backgroundColor: string;
10
- lightText?: boolean;
10
+ percentage: string;
11
+ iconR?: JSX.Element;
11
12
  }
12
13
 
13
- export default function EStat({ stat, label, backgroundColor, lightText }: IProps) {
14
+ export default function EStat({
15
+ stat,
16
+ target,
17
+ label,
18
+ percentage,
19
+ iconR,
20
+ }: IProps) {
14
21
  return (
15
- <View style={tw`mr-1 mt-1 w-[140px] h-[110px] p-3 justify-between shadow-lg shadow-slate-400 rounded-tl-lg rounded-tr-[44px] bg-[${backgroundColor}]`}>
16
- <EText style={tw`font-bold tracking-tight text-2xl ${lightText ? 'text-white' : 'text-slate-900'}`}>
17
- {stat}
18
- </EText>
19
- <EText size="xs" style={tw`mb-1 ${lightText ? 'text-white/90' : 'text-slate-900/90'}`}>
20
- {label}
22
+ <TouchableOpacity
23
+ style={tw`p-4 bg-white rounded-lg shadow-lg`}
24
+ activeOpacity={0.8}
25
+ >
26
+ <View style={tw`flex-row`}>
27
+ <EText style={tw`text-4xl font-extrabold -tracking-0.25`}>
28
+ {stat}
29
+ </EText>
30
+ <EText size="sm" style={tw`ml-1 opacity-50 flex-1`}>
31
+ / {target}
32
+ </EText>
33
+ {iconR}
34
+ </View>
35
+ <EText size="sm" style={tw`text-teal-600 font-semibold`}>
36
+ {percentage} Complete
21
37
  </EText>
22
- </View>
38
+ <EText style={tw`font-semibold mt-3 text-slate-800`}>{label}</EText>
39
+ </TouchableOpacity>
23
40
  );
24
41
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fln-espranza",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "description": "All components used inside FLN Project of Espranza Innovations",
5
5
  "main": "index.ts",
6
6
  "scripts": {