fln-espranza 0.0.36 → 0.0.37
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/.expo/README.md +15 -15
- package/.expo/settings.json +8 -8
- package/components/Avatar.tsx +43 -43
- package/components/BaseLayout.tsx +174 -174
- package/components/Drawer.tsx +116 -116
- package/components/EBadge.tsx +24 -24
- package/components/EButton.tsx +70 -71
- package/components/EDateAndTimeCard.tsx +51 -51
- package/components/EDateInput.tsx +55 -55
- package/components/EEmptyPlaceholder.tsx +21 -21
- package/components/EErrorText.tsx +19 -19
- package/components/EInfoBox.tsx +41 -41
- package/components/EInput.tsx +54 -54
- package/components/ELabel.tsx +15 -15
- package/components/EListPerson.tsx +52 -52
- package/components/EListSchool.tsx +35 -35
- package/components/EOption.tsx +98 -98
- package/components/EOtpInputBox.tsx +49 -49
- package/components/EPageDescription.tsx +19 -19
- package/components/EPillButton.tsx +33 -33
- package/components/EProfile.tsx +62 -62
- package/components/EProfileScreenLayout.tsx +111 -111
- package/components/EProgressBar.tsx +33 -33
- package/components/EQuestionSerialNumberLabel.tsx +17 -17
- package/components/EQuestionText.tsx +14 -14
- package/components/ESegment.tsx +36 -36
- package/components/EText.tsx +41 -41
- package/components/ETextArea.tsx +53 -53
- package/components/ETimeInput.tsx +54 -54
- package/components/ETimeLineCard.tsx +66 -66
- package/components/ListFormView.tsx +36 -36
- package/components/Loader.tsx +31 -31
- package/components/MenuItems.tsx +46 -46
- package/components/PageHeader.tsx +123 -123
- package/components/ProfileHeader.tsx +85 -85
- package/components/SecondaryBaseLayout.tsx +106 -106
- package/components/Timer.tsx +56 -56
- package/components/icons/EIconAdd.jsx +19 -19
- package/components/icons/EIconAddCircle.jsx +21 -21
- package/components/icons/EIconApplicationStatus.jsx +20 -20
- package/components/icons/EIconArrowDown.jsx +20 -20
- package/components/icons/EIconArrowLeft.jsx +21 -21
- package/components/icons/EIconArrowRight.jsx +21 -21
- package/components/icons/EIconArrowUp.jsx +20 -20
- package/components/icons/EIconBadge.jsx +20 -20
- package/components/icons/EIconBell.jsx +19 -19
- package/components/icons/EIconCalendar.jsx +21 -21
- package/components/icons/EIconCalendarCheck.jsx +24 -24
- package/components/icons/EIconCamera.jsx +20 -20
- package/components/icons/EIconCameraRotate.jsx +23 -23
- package/components/icons/EIconCheck.jsx +19 -19
- package/components/icons/EIconCheckCircle.jsx +20 -20
- package/components/icons/EIconCheckFill.jsx +19 -19
- package/components/icons/EIconChevronDown.jsx +19 -19
- package/components/icons/EIconChevronLeft.jsx +19 -19
- package/components/icons/EIconChevronRight.jsx +19 -19
- package/components/icons/EIconChevronUp.jsx +19 -19
- package/components/icons/EIconClock.jsx +19 -19
- package/components/icons/EIconClose.jsx +19 -19
- package/components/icons/EIconDashboard.jsx +20 -20
- package/components/icons/EIconDocumentCheck.jsx +14 -14
- package/components/icons/EIconEdit.jsx +19 -19
- package/components/icons/EIconFemale.jsx +20 -20
- package/components/icons/EIconFile.jsx +21 -21
- package/components/icons/EIconInfo.jsx +20 -20
- package/components/icons/EIconLogout.jsx +19 -19
- package/components/icons/EIconMale.jsx +21 -21
- package/components/icons/EIconMenu.jsx +19 -19
- package/components/icons/EIconMinus.jsx +19 -19
- package/components/icons/EIconPin.jsx +19 -19
- package/components/icons/EIconProfile.jsx +19 -19
- package/components/icons/EIconSchool.jsx +24 -24
- package/components/icons/EIconSearch.jsx +19 -19
- package/components/icons/EIconSettings.jsx +20 -20
- package/components/icons/EIconShare.jsx +21 -21
- package/components/icons/EIconStudent.jsx +23 -23
- package/components/icons/EIconSubject.jsx +21 -21
- package/components/icons/EIconTeach.jsx +21 -21
- package/components/icons/EIconTrash.jsx +19 -19
- package/components/icons/EIconUserCard.jsx +19 -19
- package/components/icons/EIconUserCheck.jsx +20 -20
- package/components/icons/EIconUsers.jsx +19 -19
- package/components/index.tsx +65 -65
- package/index.ts +180 -180
- package/package.json +26 -26
- package/utils/Color.ts +14 -14
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import { View, Dimensions, ScrollView, Platform } from "react-native";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
4
|
-
import tw from "../lib/tailwind";
|
|
5
|
-
import { StatusBar } from "expo-status-bar";
|
|
6
|
-
import { PageHeader } from ".";
|
|
7
|
-
import Constants from "expo-constants";
|
|
8
|
-
import { useNavigation } from "@react-navigation/native";
|
|
9
|
-
|
|
10
|
-
const SCREEN_WIDTH = Dimensions.get("window").width;
|
|
11
|
-
const SCREEN_HEIGHT = Dimensions.get("window").height;
|
|
12
|
-
const HEADER_HEIGHT = Constants.statusBarHeight + 60;
|
|
13
|
-
const SCROLL_PADDING_BOTTOM = 100;
|
|
14
|
-
|
|
15
|
-
interface BaseLayoutProps {
|
|
16
|
-
title: string;
|
|
17
|
-
subtitle?: string;
|
|
18
|
-
curved?: boolean;
|
|
19
|
-
headerContent?: JSX.Element;
|
|
20
|
-
children?: JSX.Element | JSX.Element[];
|
|
21
|
-
iconEnd?: JSX.Element;
|
|
22
|
-
noScroll?: boolean;
|
|
23
|
-
bottomButton?: JSX.Element;
|
|
24
|
-
border?: boolean;
|
|
25
|
-
menuButton?: boolean;
|
|
26
|
-
paddingTop?: number;
|
|
27
|
-
hideBackBtn?: boolean;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export default function SecondaryBaseLayout({
|
|
31
|
-
title,
|
|
32
|
-
subtitle,
|
|
33
|
-
curved,
|
|
34
|
-
headerContent,
|
|
35
|
-
children,
|
|
36
|
-
noScroll,
|
|
37
|
-
iconEnd,
|
|
38
|
-
bottomButton,
|
|
39
|
-
border,
|
|
40
|
-
menuButton,
|
|
41
|
-
paddingTop,
|
|
42
|
-
hideBackBtn
|
|
43
|
-
}: BaseLayoutProps) {
|
|
44
|
-
const insets = useSafeAreaInsets();
|
|
45
|
-
|
|
46
|
-
const navigation = useNavigation();
|
|
47
|
-
|
|
48
|
-
return (
|
|
49
|
-
<View
|
|
50
|
-
style={[
|
|
51
|
-
tw`flex-1 bg-white`,
|
|
52
|
-
{
|
|
53
|
-
paddingBottom: Platform.OS === "ios" ? insets.bottom : 0,
|
|
54
|
-
paddingTop: Platform.OS === "ios" ? paddingTop ? paddingTop : 44 : paddingTop ? paddingTop : 24,
|
|
55
|
-
},
|
|
56
|
-
]}
|
|
57
|
-
>
|
|
58
|
-
<StatusBar style="dark" animated />
|
|
59
|
-
|
|
60
|
-
{/* HEADER */}
|
|
61
|
-
<View
|
|
62
|
-
style={[
|
|
63
|
-
tw`absolute top-0 right-0 left-0 pt-0 z-10 w-full bg-white ${title ? "mb-1" : "pb-0"
|
|
64
|
-
}`,
|
|
65
|
-
]}
|
|
66
|
-
>
|
|
67
|
-
<PageHeader
|
|
68
|
-
border={border}
|
|
69
|
-
title={title}
|
|
70
|
-
subtitle={subtitle}
|
|
71
|
-
curved={curved}
|
|
72
|
-
iconEnd={iconEnd}
|
|
73
|
-
menuButton={menuButton}
|
|
74
|
-
hideBackBtn={hideBackBtn}
|
|
75
|
-
>
|
|
76
|
-
{headerContent}
|
|
77
|
-
</PageHeader>
|
|
78
|
-
</View>
|
|
79
|
-
<ScrollView
|
|
80
|
-
style={[
|
|
81
|
-
tw`flex-1`,
|
|
82
|
-
{ paddingBottom: insets.bottom, paddingTop: !title ? 80 : 80 },
|
|
83
|
-
]}
|
|
84
|
-
showsVerticalScrollIndicator={false}
|
|
85
|
-
decelerationRate={"fast"}
|
|
86
|
-
contentContainerStyle={{
|
|
87
|
-
paddingBottom: SCROLL_PADDING_BOTTOM,
|
|
88
|
-
}}
|
|
89
|
-
>
|
|
90
|
-
{children}
|
|
91
|
-
</ScrollView>
|
|
92
|
-
{bottomButton ? (
|
|
93
|
-
<View
|
|
94
|
-
style={[
|
|
95
|
-
tw` px-4 `,
|
|
96
|
-
{ paddingBottom: Platform.OS === "android" ? 8 : 0 },
|
|
97
|
-
]}
|
|
98
|
-
>
|
|
99
|
-
{bottomButton}
|
|
100
|
-
</View>
|
|
101
|
-
) : (
|
|
102
|
-
<></>
|
|
103
|
-
)}
|
|
104
|
-
</View>
|
|
105
|
-
);
|
|
106
|
-
}
|
|
1
|
+
import { View, Dimensions, ScrollView, Platform } from "react-native";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
4
|
+
import tw from "../lib/tailwind";
|
|
5
|
+
import { StatusBar } from "expo-status-bar";
|
|
6
|
+
import { PageHeader } from ".";
|
|
7
|
+
import Constants from "expo-constants";
|
|
8
|
+
import { useNavigation } from "@react-navigation/native";
|
|
9
|
+
|
|
10
|
+
const SCREEN_WIDTH = Dimensions.get("window").width;
|
|
11
|
+
const SCREEN_HEIGHT = Dimensions.get("window").height;
|
|
12
|
+
const HEADER_HEIGHT = Constants.statusBarHeight + 60;
|
|
13
|
+
const SCROLL_PADDING_BOTTOM = 100;
|
|
14
|
+
|
|
15
|
+
interface BaseLayoutProps {
|
|
16
|
+
title: string;
|
|
17
|
+
subtitle?: string;
|
|
18
|
+
curved?: boolean;
|
|
19
|
+
headerContent?: JSX.Element;
|
|
20
|
+
children?: JSX.Element | JSX.Element[];
|
|
21
|
+
iconEnd?: JSX.Element;
|
|
22
|
+
noScroll?: boolean;
|
|
23
|
+
bottomButton?: JSX.Element;
|
|
24
|
+
border?: boolean;
|
|
25
|
+
menuButton?: boolean;
|
|
26
|
+
paddingTop?: number;
|
|
27
|
+
hideBackBtn?: boolean;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export default function SecondaryBaseLayout({
|
|
31
|
+
title,
|
|
32
|
+
subtitle,
|
|
33
|
+
curved,
|
|
34
|
+
headerContent,
|
|
35
|
+
children,
|
|
36
|
+
noScroll,
|
|
37
|
+
iconEnd,
|
|
38
|
+
bottomButton,
|
|
39
|
+
border,
|
|
40
|
+
menuButton,
|
|
41
|
+
paddingTop,
|
|
42
|
+
hideBackBtn
|
|
43
|
+
}: BaseLayoutProps) {
|
|
44
|
+
const insets = useSafeAreaInsets();
|
|
45
|
+
|
|
46
|
+
const navigation = useNavigation();
|
|
47
|
+
|
|
48
|
+
return (
|
|
49
|
+
<View
|
|
50
|
+
style={[
|
|
51
|
+
tw`flex-1 bg-white`,
|
|
52
|
+
{
|
|
53
|
+
paddingBottom: Platform.OS === "ios" ? insets.bottom : 0,
|
|
54
|
+
paddingTop: Platform.OS === "ios" ? paddingTop ? paddingTop : 44 : paddingTop ? paddingTop : 24,
|
|
55
|
+
},
|
|
56
|
+
]}
|
|
57
|
+
>
|
|
58
|
+
<StatusBar style="dark" animated />
|
|
59
|
+
|
|
60
|
+
{/* HEADER */}
|
|
61
|
+
<View
|
|
62
|
+
style={[
|
|
63
|
+
tw`absolute top-0 right-0 left-0 pt-0 z-10 w-full bg-white ${title ? "mb-1" : "pb-0"
|
|
64
|
+
}`,
|
|
65
|
+
]}
|
|
66
|
+
>
|
|
67
|
+
<PageHeader
|
|
68
|
+
border={border}
|
|
69
|
+
title={title}
|
|
70
|
+
subtitle={subtitle}
|
|
71
|
+
curved={curved}
|
|
72
|
+
iconEnd={iconEnd}
|
|
73
|
+
menuButton={menuButton}
|
|
74
|
+
hideBackBtn={hideBackBtn}
|
|
75
|
+
>
|
|
76
|
+
{headerContent}
|
|
77
|
+
</PageHeader>
|
|
78
|
+
</View>
|
|
79
|
+
<ScrollView
|
|
80
|
+
style={[
|
|
81
|
+
tw`flex-1`,
|
|
82
|
+
{ paddingBottom: insets.bottom, paddingTop: !title ? 80 : 80 },
|
|
83
|
+
]}
|
|
84
|
+
showsVerticalScrollIndicator={false}
|
|
85
|
+
decelerationRate={"fast"}
|
|
86
|
+
contentContainerStyle={{
|
|
87
|
+
paddingBottom: SCROLL_PADDING_BOTTOM,
|
|
88
|
+
}}
|
|
89
|
+
>
|
|
90
|
+
{children}
|
|
91
|
+
</ScrollView>
|
|
92
|
+
{bottomButton ? (
|
|
93
|
+
<View
|
|
94
|
+
style={[
|
|
95
|
+
tw` px-4 `,
|
|
96
|
+
{ paddingBottom: Platform.OS === "android" ? 8 : 0 },
|
|
97
|
+
]}
|
|
98
|
+
>
|
|
99
|
+
{bottomButton}
|
|
100
|
+
</View>
|
|
101
|
+
) : (
|
|
102
|
+
<></>
|
|
103
|
+
)}
|
|
104
|
+
</View>
|
|
105
|
+
);
|
|
106
|
+
}
|
package/components/Timer.tsx
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { TouchableOpacity } from "react-native";
|
|
4
|
-
import tw from "../lib/tailwind";
|
|
5
|
-
import { Colors } from "../utils/Color";
|
|
6
|
-
import EText from "./EText";
|
|
7
|
-
|
|
8
|
-
interface IProps {
|
|
9
|
-
time: number;
|
|
10
|
-
text: string;
|
|
11
|
-
subtext: string;
|
|
12
|
-
handleGetOTP: () => void;
|
|
13
|
-
sendOtp: boolean;
|
|
14
|
-
email: string;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export default function Timer({ time, text, subtext, sendOtp, handleGetOTP,email }: IProps) {
|
|
18
|
-
|
|
19
|
-
const [timer, setTimer] = useState(time);
|
|
20
|
-
React.useEffect(() => {
|
|
21
|
-
setTimer(30);
|
|
22
|
-
return () => {
|
|
23
|
-
setTimer(0);
|
|
24
|
-
}
|
|
25
|
-
}, [sendOtp]);
|
|
26
|
-
|
|
27
|
-
React.useEffect(() => {
|
|
28
|
-
timer > 0 &&
|
|
29
|
-
setTimeout(() => {
|
|
30
|
-
setTimer(timer - 1);
|
|
31
|
-
}, 1000);
|
|
32
|
-
|
|
33
|
-
return () => {
|
|
34
|
-
clearTimeout();
|
|
35
|
-
}
|
|
36
|
-
}, [timer]);
|
|
37
|
-
|
|
38
|
-
return(
|
|
39
|
-
|
|
40
|
-
<>
|
|
41
|
-
{timer > 0 ? <TouchableOpacity style={[tw`mt-2`, {}]}>
|
|
42
|
-
<EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
|
|
43
|
-
{timer > 0 && `${text}${timer >= 10 ? timer : "0" + timer}`}
|
|
44
|
-
</EText>
|
|
45
|
-
</TouchableOpacity> :
|
|
46
|
-
<TouchableOpacity style={[tw`mt-2`, {}]}
|
|
47
|
-
onPress={() => handleGetOTP()}
|
|
48
|
-
>
|
|
49
|
-
<EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
|
|
50
|
-
{subtext}
|
|
51
|
-
</EText>
|
|
52
|
-
</TouchableOpacity>
|
|
53
|
-
}
|
|
54
|
-
</>
|
|
55
|
-
|
|
56
|
-
)
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { TouchableOpacity } from "react-native";
|
|
4
|
+
import tw from "../lib/tailwind";
|
|
5
|
+
import { Colors } from "../utils/Color";
|
|
6
|
+
import EText from "./EText";
|
|
7
|
+
|
|
8
|
+
interface IProps {
|
|
9
|
+
time: number;
|
|
10
|
+
text: string;
|
|
11
|
+
subtext: string;
|
|
12
|
+
handleGetOTP: () => void;
|
|
13
|
+
sendOtp: boolean;
|
|
14
|
+
email: string;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export default function Timer({ time, text, subtext, sendOtp, handleGetOTP,email }: IProps) {
|
|
18
|
+
|
|
19
|
+
const [timer, setTimer] = useState(time);
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
setTimer(30);
|
|
22
|
+
return () => {
|
|
23
|
+
setTimer(0);
|
|
24
|
+
}
|
|
25
|
+
}, [sendOtp]);
|
|
26
|
+
|
|
27
|
+
React.useEffect(() => {
|
|
28
|
+
timer > 0 &&
|
|
29
|
+
setTimeout(() => {
|
|
30
|
+
setTimer(timer - 1);
|
|
31
|
+
}, 1000);
|
|
32
|
+
|
|
33
|
+
return () => {
|
|
34
|
+
clearTimeout();
|
|
35
|
+
}
|
|
36
|
+
}, [timer]);
|
|
37
|
+
|
|
38
|
+
return(
|
|
39
|
+
|
|
40
|
+
<>
|
|
41
|
+
{timer > 0 ? <TouchableOpacity style={[tw`mt-2`, {}]}>
|
|
42
|
+
<EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
|
|
43
|
+
{timer > 0 && `${text}${timer >= 10 ? timer : "0" + timer}`}
|
|
44
|
+
</EText>
|
|
45
|
+
</TouchableOpacity> :
|
|
46
|
+
<TouchableOpacity style={[tw`mt-2`, {}]}
|
|
47
|
+
onPress={() => handleGetOTP()}
|
|
48
|
+
>
|
|
49
|
+
<EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
|
|
50
|
+
{subtext}
|
|
51
|
+
</EText>
|
|
52
|
+
</TouchableOpacity>
|
|
53
|
+
}
|
|
54
|
+
</>
|
|
55
|
+
|
|
56
|
+
)
|
|
57
57
|
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
-
|
|
4
|
-
function EIconAdd(props) {
|
|
5
|
-
const size = props.size || '100%';
|
|
6
|
-
return (
|
|
7
|
-
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
-
<Path
|
|
9
|
-
fillRule="evenodd"
|
|
10
|
-
clipRule="evenodd"
|
|
11
|
-
d="M12 5.25a.75.75 0 01.75.75v5.25H18a.75.75 0 010 1.5h-5.25V18a.75.75 0 01-1.5 0v-5.25H6a.75.75 0 010-1.5h5.25V6a.75.75 0 01.75-.75z"
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
className=""
|
|
14
|
-
/>
|
|
15
|
-
</Svg>
|
|
16
|
-
)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export default EIconAdd;
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
+
|
|
4
|
+
function EIconAdd(props) {
|
|
5
|
+
const size = props.size || '100%';
|
|
6
|
+
return (
|
|
7
|
+
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
+
<Path
|
|
9
|
+
fillRule="evenodd"
|
|
10
|
+
clipRule="evenodd"
|
|
11
|
+
d="M12 5.25a.75.75 0 01.75.75v5.25H18a.75.75 0 010 1.5h-5.25V18a.75.75 0 01-1.5 0v-5.25H6a.75.75 0 010-1.5h5.25V6a.75.75 0 01.75-.75z"
|
|
12
|
+
fill="currentColor"
|
|
13
|
+
className=""
|
|
14
|
+
/>
|
|
15
|
+
</Svg>
|
|
16
|
+
)
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export default EIconAdd;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
-
|
|
4
|
-
function EIconAddCircle(props) {
|
|
5
|
-
const size = props.size || '100%';
|
|
6
|
-
return (
|
|
7
|
-
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
-
<G
|
|
9
|
-
fill="currentColor"
|
|
10
|
-
fillRule="evenodd"
|
|
11
|
-
clipRule="evenodd"
|
|
12
|
-
>
|
|
13
|
-
<Path d="M12 7.25a.75.75 0 01.75.75v8a.75.75 0 01-1.5 0V8a.75.75 0 01.75-.75z" />
|
|
14
|
-
<Path d="M7.25 12a.75.75 0 01.75-.75h8a.75.75 0 010 1.5H8a.75.75 0 01-.75-.75z" />
|
|
15
|
-
<Path d="M12 3.75A8.25 8.25 0 003.75 12 8.25 8.25 0 0012 20.25 8.25 8.25 0 0020.25 12 8.25 8.25 0 0012 3.75zM2.25 12A9.75 9.75 0 0112 2.25 9.75 9.75 0 0121.75 12 9.75 9.75 0 0112 21.75 9.75 9.75 0 012.25 12z" />
|
|
16
|
-
</G>
|
|
17
|
-
</Svg>
|
|
18
|
-
)
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export default EIconAddCircle;
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
+
|
|
4
|
+
function EIconAddCircle(props) {
|
|
5
|
+
const size = props.size || '100%';
|
|
6
|
+
return (
|
|
7
|
+
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
+
<G
|
|
9
|
+
fill="currentColor"
|
|
10
|
+
fillRule="evenodd"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
>
|
|
13
|
+
<Path d="M12 7.25a.75.75 0 01.75.75v8a.75.75 0 01-1.5 0V8a.75.75 0 01.75-.75z" />
|
|
14
|
+
<Path d="M7.25 12a.75.75 0 01.75-.75h8a.75.75 0 010 1.5H8a.75.75 0 01-.75-.75z" />
|
|
15
|
+
<Path d="M12 3.75A8.25 8.25 0 003.75 12 8.25 8.25 0 0012 20.25 8.25 8.25 0 0020.25 12 8.25 8.25 0 0012 3.75zM2.25 12A9.75 9.75 0 0112 2.25 9.75 9.75 0 0121.75 12 9.75 9.75 0 0112 21.75 9.75 9.75 0 012.25 12z" />
|
|
16
|
+
</G>
|
|
17
|
+
</Svg>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default EIconAddCircle;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
-
|
|
4
|
-
function EIconApplicationStatus(props) {
|
|
5
|
-
const size = props.size || '100%';
|
|
6
|
-
return (
|
|
7
|
-
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
-
<G
|
|
9
|
-
fill="currentColor"
|
|
10
|
-
fillRule="evenodd"
|
|
11
|
-
clipRule="evenodd"
|
|
12
|
-
>
|
|
13
|
-
<Path d="M5.5 3.75a.75.75 0 00-.75.75v15c0 .414.336.75.75.75h13a.75.75 0 00.75-.75v-15a.75.75 0 00-.75-.75h-13zm-2.25.75A2.25 2.25 0 015.5 2.25h13a2.25 2.25 0 012.25 2.25v15a2.25 2.25 0 01-2.25 2.25h-13a2.25 2.25 0 01-2.25-2.25v-15z" />
|
|
14
|
-
<Path d="M11.882 16.5a.75.75 0 01.75-.75h4a.75.75 0 010 1.5h-4a.75.75 0 01-.75-.75zM10.058 15.15a.75.75 0 01-.057 1.06l-1.336 1.2a.75.75 0 01-1.002 0l-.664-.597a.75.75 0 011.002-1.116l.163.147.835-.75a.75.75 0 011.06.057zM11.882 12.5a.75.75 0 01.75-.75h4a.75.75 0 010 1.5h-4a.75.75 0 01-.75-.75zM8.25 7A.75.75 0 019 6.25h6a.75.75 0 010 1.5H9A.75.75 0 018.25 7zM10.058 11.15a.75.75 0 01-.057 1.06l-1.336 1.2a.75.75 0 01-1.002 0l-.664-.597a.75.75 0 011.002-1.116l.163.147.835-.75a.75.75 0 011.06.057z" />
|
|
15
|
-
</G>
|
|
16
|
-
</Svg>
|
|
17
|
-
)
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export default EIconApplicationStatus;
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
+
|
|
4
|
+
function EIconApplicationStatus(props) {
|
|
5
|
+
const size = props.size || '100%';
|
|
6
|
+
return (
|
|
7
|
+
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
+
<G
|
|
9
|
+
fill="currentColor"
|
|
10
|
+
fillRule="evenodd"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
>
|
|
13
|
+
<Path d="M5.5 3.75a.75.75 0 00-.75.75v15c0 .414.336.75.75.75h13a.75.75 0 00.75-.75v-15a.75.75 0 00-.75-.75h-13zm-2.25.75A2.25 2.25 0 015.5 2.25h13a2.25 2.25 0 012.25 2.25v15a2.25 2.25 0 01-2.25 2.25h-13a2.25 2.25 0 01-2.25-2.25v-15z" />
|
|
14
|
+
<Path d="M11.882 16.5a.75.75 0 01.75-.75h4a.75.75 0 010 1.5h-4a.75.75 0 01-.75-.75zM10.058 15.15a.75.75 0 01-.057 1.06l-1.336 1.2a.75.75 0 01-1.002 0l-.664-.597a.75.75 0 011.002-1.116l.163.147.835-.75a.75.75 0 011.06.057zM11.882 12.5a.75.75 0 01.75-.75h4a.75.75 0 010 1.5h-4a.75.75 0 01-.75-.75zM8.25 7A.75.75 0 019 6.25h6a.75.75 0 010 1.5H9A.75.75 0 018.25 7zM10.058 11.15a.75.75 0 01-.057 1.06l-1.336 1.2a.75.75 0 01-1.002 0l-.664-.597a.75.75 0 011.002-1.116l.163.147.835-.75a.75.75 0 011.06.057z" />
|
|
15
|
+
</G>
|
|
16
|
+
</Svg>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default EIconApplicationStatus;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
-
|
|
4
|
-
function EIconArrowDown(props) {
|
|
5
|
-
const size = props.size || '100%';
|
|
6
|
-
return (
|
|
7
|
-
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
-
<G
|
|
9
|
-
fill="currentColor"
|
|
10
|
-
fillRule="evenodd"
|
|
11
|
-
clipRule="evenodd"
|
|
12
|
-
>
|
|
13
|
-
<Path d="M12 4.25a.75.75 0 01.75.75v14a.75.75 0 01-1.5 0V5a.75.75 0 01.75-.75z" />
|
|
14
|
-
<Path d="M6.469 13.469a.75.75 0 011.06 0L12 17.939l4.47-4.47a.75.75 0 111.061 1.06l-5 5.001a.75.75 0 01-1.061 0l-5.001-5a.75.75 0 010-1.061z" />
|
|
15
|
-
</G>
|
|
16
|
-
</Svg>
|
|
17
|
-
)
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export default EIconArrowDown;
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
+
|
|
4
|
+
function EIconArrowDown(props) {
|
|
5
|
+
const size = props.size || '100%';
|
|
6
|
+
return (
|
|
7
|
+
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
+
<G
|
|
9
|
+
fill="currentColor"
|
|
10
|
+
fillRule="evenodd"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
>
|
|
13
|
+
<Path d="M12 4.25a.75.75 0 01.75.75v14a.75.75 0 01-1.5 0V5a.75.75 0 01.75-.75z" />
|
|
14
|
+
<Path d="M6.469 13.469a.75.75 0 011.06 0L12 17.939l4.47-4.47a.75.75 0 111.061 1.06l-5 5.001a.75.75 0 01-1.061 0l-5.001-5a.75.75 0 010-1.061z" />
|
|
15
|
+
</G>
|
|
16
|
+
</Svg>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default EIconArrowDown;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
-
|
|
4
|
-
function EIconArrowLeft(props) {
|
|
5
|
-
const size = props.size || '100%';
|
|
6
|
-
return (
|
|
7
|
-
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
-
<G
|
|
9
|
-
fill="currentColor"
|
|
10
|
-
fillRule="evenodd"
|
|
11
|
-
clipRule="evenodd"
|
|
12
|
-
>
|
|
13
|
-
<Path d="M4.25 12a.75.75 0 01.75-.75h14a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75z" />
|
|
14
|
-
<Path d="M10.53 6.47a.75.75 0 010 1.06l-5 5a.75.75 0 01-1.06-1.06l5-5a.75.75 0 011.06 0z" />
|
|
15
|
-
<Path d="M4.47 11.47a.75.75 0 011.06 0l5 5a.75.75 0 11-1.06 1.06l-5-5a.75.75 0 010-1.06z" />
|
|
16
|
-
</G>
|
|
17
|
-
</Svg>
|
|
18
|
-
)
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export default EIconArrowLeft;
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
+
|
|
4
|
+
function EIconArrowLeft(props) {
|
|
5
|
+
const size = props.size || '100%';
|
|
6
|
+
return (
|
|
7
|
+
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
+
<G
|
|
9
|
+
fill="currentColor"
|
|
10
|
+
fillRule="evenodd"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
>
|
|
13
|
+
<Path d="M4.25 12a.75.75 0 01.75-.75h14a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75z" />
|
|
14
|
+
<Path d="M10.53 6.47a.75.75 0 010 1.06l-5 5a.75.75 0 01-1.06-1.06l5-5a.75.75 0 011.06 0z" />
|
|
15
|
+
<Path d="M4.47 11.47a.75.75 0 011.06 0l5 5a.75.75 0 11-1.06 1.06l-5-5a.75.75 0 010-1.06z" />
|
|
16
|
+
</G>
|
|
17
|
+
</Svg>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default EIconArrowLeft;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
-
|
|
4
|
-
function EIconArrowRight(props) {
|
|
5
|
-
const size = props.size || '100%';
|
|
6
|
-
return (
|
|
7
|
-
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
-
<G
|
|
9
|
-
fill="currentColor"
|
|
10
|
-
fillRule="evenodd"
|
|
11
|
-
clipRule="evenodd"
|
|
12
|
-
>
|
|
13
|
-
<Path d="M4.25 12a.75.75 0 01.75-.75h14a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75z" />
|
|
14
|
-
<Path d="M19.53 11.47a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06l5-5a.75.75 0 011.06 0z" />
|
|
15
|
-
<Path d="M13.47 6.47a.75.75 0 011.06 0l5 5a.75.75 0 11-1.06 1.06l-5-5a.75.75 0 010-1.06z" />
|
|
16
|
-
</G>
|
|
17
|
-
</Svg>
|
|
18
|
-
)
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export default EIconArrowRight;
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
+
|
|
4
|
+
function EIconArrowRight(props) {
|
|
5
|
+
const size = props.size || '100%';
|
|
6
|
+
return (
|
|
7
|
+
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
+
<G
|
|
9
|
+
fill="currentColor"
|
|
10
|
+
fillRule="evenodd"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
>
|
|
13
|
+
<Path d="M4.25 12a.75.75 0 01.75-.75h14a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75z" />
|
|
14
|
+
<Path d="M19.53 11.47a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06l5-5a.75.75 0 011.06 0z" />
|
|
15
|
+
<Path d="M13.47 6.47a.75.75 0 011.06 0l5 5a.75.75 0 11-1.06 1.06l-5-5a.75.75 0 010-1.06z" />
|
|
16
|
+
</G>
|
|
17
|
+
</Svg>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default EIconArrowRight;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
-
|
|
4
|
-
function EIconArrowUp(props) {
|
|
5
|
-
const size = props.size || '100%';
|
|
6
|
-
return (
|
|
7
|
-
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
-
<G
|
|
9
|
-
fill="currentColor"
|
|
10
|
-
fillRule="evenodd"
|
|
11
|
-
clipRule="evenodd"
|
|
12
|
-
>
|
|
13
|
-
<Path d="M12 4.25a.75.75 0 01.75.75v14a.75.75 0 01-1.5 0V5a.75.75 0 01.75-.75z" />
|
|
14
|
-
<Path d="M11.47 4.469a.75.75 0 011.06 0l5.001 5a.75.75 0 01-1.06 1.061L12 6.06l-4.47 4.47a.75.75 0 01-1.061-1.06l5-5.001z" />
|
|
15
|
-
</G>
|
|
16
|
-
</Svg>
|
|
17
|
-
)
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export default EIconArrowUp;
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
import Svg, { G, Path } from "react-native-svg"
|
|
3
|
+
|
|
4
|
+
function EIconArrowUp(props) {
|
|
5
|
+
const size = props.size || '100%';
|
|
6
|
+
return (
|
|
7
|
+
<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
8
|
+
<G
|
|
9
|
+
fill="currentColor"
|
|
10
|
+
fillRule="evenodd"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
>
|
|
13
|
+
<Path d="M12 4.25a.75.75 0 01.75.75v14a.75.75 0 01-1.5 0V5a.75.75 0 01.75-.75z" />
|
|
14
|
+
<Path d="M11.47 4.469a.75.75 0 011.06 0l5.001 5a.75.75 0 01-1.06 1.061L12 6.06l-4.47 4.47a.75.75 0 01-1.061-1.06l5-5.001z" />
|
|
15
|
+
</G>
|
|
16
|
+
</Svg>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default EIconArrowUp;
|