fln-espranza 1.1.17 → 1.1.18
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.
- package/components/EListPerson.tsx +40 -0
- package/components/EListSchool.tsx +35 -0
- package/package.json +1 -1
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
import tw from "../lib/tailwind";
|
|
4
|
+
import Avatar from "./Avatar";
|
|
5
|
+
import EText from "./EText";
|
|
6
|
+
|
|
7
|
+
interface IProps {
|
|
8
|
+
name: string;
|
|
9
|
+
subtitle?: string;
|
|
10
|
+
noBorder?: boolean;
|
|
11
|
+
firstLetter?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default function EListPerson({
|
|
15
|
+
name,
|
|
16
|
+
subtitle,
|
|
17
|
+
noBorder,
|
|
18
|
+
firstLetter,
|
|
19
|
+
}: IProps) {
|
|
20
|
+
return (
|
|
21
|
+
<View style={[tw`flex-row items-center justify-between`]}>
|
|
22
|
+
<Avatar size="sm" source={""} nameFirstLetter={firstLetter} />
|
|
23
|
+
<View
|
|
24
|
+
style={tw` ml-3 py-3 flex-1 ${
|
|
25
|
+
noBorder ? "" : "border-b border-slate-200"
|
|
26
|
+
}`}
|
|
27
|
+
>
|
|
28
|
+
<EText style={tw`font-bold text-slate-800 mb-0.5`} numberOfLines={1}>
|
|
29
|
+
{name}
|
|
30
|
+
</EText>
|
|
31
|
+
|
|
32
|
+
{subtitle ? (
|
|
33
|
+
<EText size="sm" style={tw`text-slate-500`}>
|
|
34
|
+
{subtitle}
|
|
35
|
+
</EText>
|
|
36
|
+
) : null}
|
|
37
|
+
</View>
|
|
38
|
+
</View>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
import tw from "../lib/tailwind";
|
|
4
|
+
import EText from "./EText";
|
|
5
|
+
|
|
6
|
+
interface IProps {
|
|
7
|
+
name: string;
|
|
8
|
+
code?: string;
|
|
9
|
+
district?: string;
|
|
10
|
+
noBorder?: boolean;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export default function EListSchool({
|
|
14
|
+
name,
|
|
15
|
+
code,
|
|
16
|
+
district,
|
|
17
|
+
noBorder,
|
|
18
|
+
}: IProps) {
|
|
19
|
+
return (
|
|
20
|
+
<View style={tw`border-b border-slate-200 py-3`}>
|
|
21
|
+
<EText style={tw`font-bold text-slate-800 mb-0.5`} numberOfLines={1}>
|
|
22
|
+
{name}
|
|
23
|
+
</EText>
|
|
24
|
+
<View style={tw`flex-row items-center`}>
|
|
25
|
+
<EText size="sm" style={tw`text-slate-500`}>
|
|
26
|
+
{code}
|
|
27
|
+
</EText>
|
|
28
|
+
{district ? <><View style={tw`w-1 h-1 bg-slate-600 rounded-full mx-1.5`}></View>
|
|
29
|
+
<EText size="sm" style={tw`text-slate-500`}>
|
|
30
|
+
{district}
|
|
31
|
+
</EText></> : null}
|
|
32
|
+
</View>
|
|
33
|
+
</View>
|
|
34
|
+
);
|
|
35
|
+
}
|