fln-espranza 1.1.17 → 1.1.19
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/assets/images/bg-profile.jpg +0 -0
- package/assets/images/bg-stat.png +0 -0
- package/assets/images/empty.png +0 -0
- package/assets/images/icon-placeholder-schedule.png +0 -0
- package/components/Avatar.tsx +3 -2
- package/components/Drawer.tsx +150 -97
- package/components/EBadge.tsx +50 -19
- package/components/EButton.tsx +10 -15
- package/components/EButtonIcon.tsx +3 -3
- package/components/EDateAndTimeCard.tsx +18 -17
- package/components/EDateInput.tsx +15 -14
- package/components/EEmptyPlaceholder.tsx +21 -0
- package/components/EInfoBox.tsx +3 -3
- package/components/EInput.tsx +7 -6
- package/components/ELabel.tsx +1 -1
- package/components/EListClusterMeeting.tsx +47 -0
- package/components/EListPerson.tsx +60 -0
- package/components/EListSchool.tsx +35 -0
- package/components/ENotFoundPlaceholder.tsx +43 -0
- package/components/EOption.tsx +98 -0
- package/components/EPageDescription.tsx +1 -2
- package/components/EPillButton.tsx +24 -17
- package/components/EProfile.tsx +40 -26
- package/components/EProfileScreenLayout.tsx +111 -0
- package/components/EProgressBar.tsx +47 -0
- package/components/EQuestionSerialNumberLabel.tsx +17 -0
- package/components/EQuestionText.tsx +14 -0
- package/components/EStat.tsx +44 -0
- package/components/EStatReport.tsx +49 -0
- package/components/EText.tsx +2 -1
- package/components/ETextArea.tsx +53 -0
- package/components/ETimeInput.tsx +3 -4
- package/components/ETimeLineCard.tsx +29 -29
- package/components/MenuItems.tsx +1 -1
- package/components/ModalLayout.tsx +13 -12
- package/components/PageHeader.tsx +66 -73
- package/components/PageHeaderSecondary.tsx +4 -2
- package/components/ProfileHeader.tsx +85 -0
- package/components/SecondaryBaseLayout.tsx +29 -32
- package/components/icons/EIconAdd.jsx +19 -0
- package/components/icons/EIconAddCircle.jsx +21 -0
- package/components/icons/EIconApplicationStatus.jsx +20 -0
- package/components/icons/EIconArrowDown.jsx +20 -0
- package/components/icons/EIconArrowLeft.jsx +21 -0
- package/components/icons/EIconArrowRight.jsx +21 -0
- package/components/icons/EIconArrowUp.jsx +20 -0
- package/components/icons/EIconBadge.jsx +20 -0
- package/components/icons/EIconBell.jsx +19 -0
- package/components/icons/EIconCalendar.jsx +21 -0
- package/components/icons/EIconCalendarCheck.jsx +24 -0
- package/components/icons/EIconCamera.jsx +20 -0
- package/components/icons/EIconCameraRotate.jsx +23 -0
- package/components/icons/EIconCheck.jsx +19 -0
- package/components/icons/EIconCheckCircle.jsx +20 -0
- package/components/icons/EIconCheckFill.jsx +19 -0
- package/components/icons/EIconChevronDown.jsx +19 -0
- package/components/icons/EIconChevronLeft.jsx +19 -0
- package/components/icons/EIconChevronRight.jsx +19 -0
- package/components/icons/EIconChevronUp.jsx +19 -0
- package/components/icons/EIconClock.jsx +19 -0
- package/components/icons/EIconClose.jsx +19 -0
- package/components/icons/EIconDashboard.jsx +20 -0
- package/components/icons/EIconDocumentCheck.jsx +14 -0
- package/components/icons/EIconEdit.jsx +19 -0
- package/components/icons/EIconFemale.jsx +20 -0
- package/components/icons/EIconFile.jsx +21 -0
- package/components/icons/EIconInfo.jsx +20 -0
- package/components/icons/EIconLogout.jsx +19 -0
- package/components/icons/EIconMale.jsx +21 -0
- package/components/icons/EIconMenu.jsx +19 -0
- package/components/icons/EIconMinus.jsx +19 -0
- package/components/icons/EIconPin.jsx +19 -0
- package/components/icons/EIconProfile.jsx +19 -0
- package/components/icons/EIconSchool.jsx +24 -0
- package/components/icons/EIconSearch.jsx +19 -0
- package/components/icons/EIconSettings.jsx +20 -0
- package/components/icons/EIconShare.jsx +21 -0
- package/components/icons/EIconStudent.jsx +24 -0
- package/components/icons/EIconSubject.jsx +21 -0
- package/components/icons/EIconTeach.jsx +21 -0
- package/components/icons/EIconTrash.jsx +19 -0
- package/components/icons/EIconUserCard.jsx +19 -0
- package/components/icons/EIconUserCheck.jsx +20 -0
- package/components/icons/EIconUsers.jsx +19 -0
- package/components/index.tsx +5 -1
- package/index.ts +185 -72
- package/lib/tailwind.js +7 -7
- package/lib/useChangeLanguage.ts +60 -0
- package/package.json +26 -26
- package/tailwind.config.js +32 -32
- package/utils/Color.ts +14 -14
- package/components/ProgressBar.tsx +0 -33
package/index.ts
CHANGED
|
@@ -1,72 +1,185 @@
|
|
|
1
|
-
import Avatar from "./components/Avatar";
|
|
2
|
-
import BaseLayout from "./components/BaseLayout";
|
|
3
|
-
import Container from "./components/Container";
|
|
4
|
-
import Drawer from "./components/Drawer";
|
|
5
|
-
import EBadge from "./components/EBadge";
|
|
6
|
-
import EButton from "./components/EButton";
|
|
7
|
-
import EButtonIcon from "./components/EButtonIcon";
|
|
8
|
-
import EDateAndTimeCard from "./components/EDateAndTimeCard";
|
|
9
|
-
import EIcon from "./components/EIcon";
|
|
10
|
-
import EInfoBox from "./components/EInfoBox";
|
|
11
|
-
import EInput from "./components/EInput";
|
|
12
|
-
import ELabel from "./components/ELabel";
|
|
13
|
-
import EOtpInput from "./components/EOtpInputBox";
|
|
14
|
-
import EPageDescription from "./components/EPageDescription";
|
|
15
|
-
import EPillButton from "./components/EPillButton";
|
|
16
|
-
import EProfile from "./components/EProfile";
|
|
17
|
-
import ESegment from "./components/ESegment";
|
|
18
|
-
import { ESegmentItem } from "./components/ESegment";
|
|
19
|
-
import ETimeLineCard from "./components/ETimeLineCard";
|
|
20
|
-
import ListFormView from "./components/ListFormView";
|
|
21
|
-
import MenuItems from "./components/MenuItems";
|
|
22
|
-
import SecondaryBaseLayout from "./components/SecondaryBaseLayout";
|
|
23
|
-
import Timer from "./components/Timer";
|
|
24
|
-
import EText from "./components/EText";
|
|
25
|
-
import ModalLayout from "./components/ModalLayout";
|
|
26
|
-
import PageHeader from "./components/PageHeader";
|
|
27
|
-
import PageHeaderSecondary from "./components/PageHeaderSecondary";
|
|
28
|
-
import Spacer from "./components/Spacer";
|
|
29
|
-
import { Colors } from "./utils/Color";
|
|
30
|
-
import ProgressBar from "./components/
|
|
31
|
-
import Loader from "./components/Loader";
|
|
32
|
-
import ETimeInput from "./components/ETimeInput";
|
|
33
|
-
import EDateInput from "./components/EDateInput";
|
|
34
|
-
import EErrorText from "./components/EErrorText";
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
1
|
+
import Avatar from "./components/Avatar";
|
|
2
|
+
import BaseLayout from "./components/BaseLayout";
|
|
3
|
+
import Container from "./components/Container";
|
|
4
|
+
import Drawer from "./components/Drawer";
|
|
5
|
+
import EBadge from "./components/EBadge";
|
|
6
|
+
import EButton from "./components/EButton";
|
|
7
|
+
import EButtonIcon from "./components/EButtonIcon";
|
|
8
|
+
import EDateAndTimeCard from "./components/EDateAndTimeCard";
|
|
9
|
+
import EIcon from "./components/EIcon";
|
|
10
|
+
import EInfoBox from "./components/EInfoBox";
|
|
11
|
+
import EInput from "./components/EInput";
|
|
12
|
+
import ELabel from "./components/ELabel";
|
|
13
|
+
import EOtpInput from "./components/EOtpInputBox";
|
|
14
|
+
import EPageDescription from "./components/EPageDescription";
|
|
15
|
+
import EPillButton from "./components/EPillButton";
|
|
16
|
+
import EProfile from "./components/EProfile";
|
|
17
|
+
import ESegment from "./components/ESegment";
|
|
18
|
+
import { ESegmentItem } from "./components/ESegment";
|
|
19
|
+
import ETimeLineCard from "./components/ETimeLineCard";
|
|
20
|
+
import ListFormView from "./components/ListFormView";
|
|
21
|
+
import MenuItems from "./components/MenuItems";
|
|
22
|
+
import SecondaryBaseLayout from "./components/SecondaryBaseLayout";
|
|
23
|
+
import Timer from "./components/Timer";
|
|
24
|
+
import EText from "./components/EText";
|
|
25
|
+
import ModalLayout from "./components/ModalLayout";
|
|
26
|
+
import PageHeader from "./components/PageHeader";
|
|
27
|
+
import PageHeaderSecondary from "./components/PageHeaderSecondary";
|
|
28
|
+
import Spacer from "./components/Spacer";
|
|
29
|
+
import { Colors } from "./utils/Color";
|
|
30
|
+
import ProgressBar from "./components/EProgressBar";
|
|
31
|
+
import Loader from "./components/Loader";
|
|
32
|
+
import ETimeInput from "./components/ETimeInput";
|
|
33
|
+
import EDateInput from "./components/EDateInput";
|
|
34
|
+
import EErrorText from "./components/EErrorText";
|
|
35
|
+
import EListPerson from "./components/EListPerson";
|
|
36
|
+
import EListSchool from "./components/EListSchool";
|
|
37
|
+
import ETextArea from "./components/ETextArea";
|
|
38
|
+
import ENotFoundPlaceholder from "./components/ENotFoundPlaceholder";
|
|
39
|
+
|
|
40
|
+
// ICONS
|
|
41
|
+
import EIconAdd from "./components/icons/EIconAdd";
|
|
42
|
+
import EIconAddCircle from "./components/icons/EIconAddCircle";
|
|
43
|
+
import EIconApplicationStatus from "./components/icons/EIconApplicationStatus";
|
|
44
|
+
import EIconArrowDown from "./components/icons/EIconArrowDown";
|
|
45
|
+
import EIconArrowLeft from "./components/icons/EIconArrowLeft";
|
|
46
|
+
import EIconArrowRight from "./components/icons/EIconArrowRight";
|
|
47
|
+
import EIconArrowUp from "./components/icons/EIconArrowUp";
|
|
48
|
+
import EIconBadge from "./components/icons/EIconBadge";
|
|
49
|
+
import EIconBell from "./components/icons/EIconBell";
|
|
50
|
+
import EIconCalendar from "./components/icons/EIconCalendar";
|
|
51
|
+
import EIconCalendarCheck from "./components/icons/EIconCalendarCheck";
|
|
52
|
+
import EIconCamera from "./components/icons/EIconCamera";
|
|
53
|
+
import EIconCameraRotate from "./components/icons/EIconCameraRotate";
|
|
54
|
+
import EIconCheck from "./components/icons/EIconCheck";
|
|
55
|
+
import EIconCheckCircle from "./components/icons/EIconCheckCircle";
|
|
56
|
+
import EIconCheckFill from "./components/icons/EIconCheckFill";
|
|
57
|
+
import EIconChevronDown from "./components/icons/EIconChevronDown";
|
|
58
|
+
import EIconChevronLeft from "./components/icons/EIconChevronLeft";
|
|
59
|
+
import EIconChevronRight from "./components/icons/EIconChevronRight";
|
|
60
|
+
import EIconChevronUp from "./components/icons/EIconChevronUp";
|
|
61
|
+
import EIconClock from "./components/icons/EIconClock";
|
|
62
|
+
import EIconClose from "./components/icons/EIconClose";
|
|
63
|
+
import EIconDashboard from "./components/icons/EIconDashboard";
|
|
64
|
+
import EIconEdit from "./components/icons/EIconEdit";
|
|
65
|
+
import EIconFile from "./components/icons/EIconFile";
|
|
66
|
+
import EIconInfo from "./components/icons/EIconInfo";
|
|
67
|
+
import EIconLogout from "./components/icons/EIconLogout";
|
|
68
|
+
import EIconMenu from "./components/icons/EIconMenu";
|
|
69
|
+
import EIconMinus from "./components/icons/EIconMinus";
|
|
70
|
+
import EIconPin from "./components/icons/EIconPin";
|
|
71
|
+
import EIconProfile from "./components/icons/EIconProfile";
|
|
72
|
+
import EIconSchool from "./components/icons/EIconSchool";
|
|
73
|
+
import EIconSearch from "./components/icons/EIconSearch";
|
|
74
|
+
import EIconSettings from "./components/icons/EIconSettings";
|
|
75
|
+
import EIconShare from "./components/icons/EIconShare";
|
|
76
|
+
import EIconStudent from "./components/icons/EIconStudent";
|
|
77
|
+
import EIconSubject from "./components/icons/EIconSubject";
|
|
78
|
+
import EIconTeach from "./components/icons/EIconTeach";
|
|
79
|
+
import EIconTrash from "./components/icons/EIconTrash";
|
|
80
|
+
import EIconUserCard from "./components/icons/EIconUserCard";
|
|
81
|
+
import EIconUserCheck from "./components/icons/EIconUserCheck";
|
|
82
|
+
import EIconUsers from "./components/icons/EIconUsers";
|
|
83
|
+
import EOption from "./components/EOption";
|
|
84
|
+
import EQuestionSerialNumberLabel from "./components/EQuestionSerialNumberLabel";
|
|
85
|
+
import EQuestionText from "./components/EQuestionText";
|
|
86
|
+
import EEmptyPlaceholder from "./components/EEmptyPlaceholder";
|
|
87
|
+
import EProfileScreenLayout from "./components/EProfileScreenLayout";
|
|
88
|
+
import { EIconMale } from "./components/icons/EIconMale";
|
|
89
|
+
import { EIconFemale } from "./components/icons/EIconFemale";
|
|
90
|
+
import EIconDocumentCheck from "./components/icons/EIconDocumentCheck";
|
|
91
|
+
import EStatReport from "./components/icons/EIconDocumentCheck";
|
|
92
|
+
|
|
93
|
+
export {
|
|
94
|
+
Avatar,
|
|
95
|
+
BaseLayout,
|
|
96
|
+
Container,
|
|
97
|
+
Drawer,
|
|
98
|
+
EButton,
|
|
99
|
+
EButtonIcon,
|
|
100
|
+
EIcon,
|
|
101
|
+
EInput,
|
|
102
|
+
EText,
|
|
103
|
+
ModalLayout,
|
|
104
|
+
PageHeader,
|
|
105
|
+
PageHeaderSecondary,
|
|
106
|
+
ESegment,
|
|
107
|
+
ESegmentItem,
|
|
108
|
+
Spacer,
|
|
109
|
+
EInfoBox,
|
|
110
|
+
EBadge,
|
|
111
|
+
EDateAndTimeCard,
|
|
112
|
+
ELabel,
|
|
113
|
+
EOtpInput,
|
|
114
|
+
EPageDescription,
|
|
115
|
+
ETimeLineCard,
|
|
116
|
+
ListFormView,
|
|
117
|
+
MenuItems,
|
|
118
|
+
EPillButton,
|
|
119
|
+
EProfile,
|
|
120
|
+
SecondaryBaseLayout,
|
|
121
|
+
Timer,
|
|
122
|
+
ProgressBar,
|
|
123
|
+
Loader,
|
|
124
|
+
ETimeInput,
|
|
125
|
+
EDateInput,
|
|
126
|
+
EErrorText,
|
|
127
|
+
Colors,
|
|
128
|
+
EListPerson,
|
|
129
|
+
EListSchool,
|
|
130
|
+
EOption,
|
|
131
|
+
EQuestionSerialNumberLabel,
|
|
132
|
+
EQuestionText,
|
|
133
|
+
EEmptyPlaceholder,
|
|
134
|
+
EProfileScreenLayout,
|
|
135
|
+
ETextArea,
|
|
136
|
+
ENotFoundPlaceholder,
|
|
137
|
+
EStatReport,
|
|
138
|
+
|
|
139
|
+
// ICONS
|
|
140
|
+
EIconAdd,
|
|
141
|
+
EIconAddCircle,
|
|
142
|
+
EIconApplicationStatus,
|
|
143
|
+
EIconArrowDown,
|
|
144
|
+
EIconArrowLeft,
|
|
145
|
+
EIconArrowRight,
|
|
146
|
+
EIconArrowUp,
|
|
147
|
+
EIconBadge,
|
|
148
|
+
EIconBell,
|
|
149
|
+
EIconCalendar,
|
|
150
|
+
EIconCalendarCheck,
|
|
151
|
+
EIconCamera,
|
|
152
|
+
EIconCameraRotate,
|
|
153
|
+
EIconCheck,
|
|
154
|
+
EIconCheckCircle,
|
|
155
|
+
EIconCheckFill,
|
|
156
|
+
EIconChevronDown,
|
|
157
|
+
EIconChevronLeft,
|
|
158
|
+
EIconChevronRight,
|
|
159
|
+
EIconChevronUp,
|
|
160
|
+
EIconClock,
|
|
161
|
+
EIconClose,
|
|
162
|
+
EIconDashboard,
|
|
163
|
+
EIconEdit,
|
|
164
|
+
EIconFile,
|
|
165
|
+
EIconInfo,
|
|
166
|
+
EIconLogout,
|
|
167
|
+
EIconMenu,
|
|
168
|
+
EIconMinus,
|
|
169
|
+
EIconPin,
|
|
170
|
+
EIconProfile,
|
|
171
|
+
EIconSchool,
|
|
172
|
+
EIconSearch,
|
|
173
|
+
EIconSettings,
|
|
174
|
+
EIconShare,
|
|
175
|
+
EIconStudent,
|
|
176
|
+
EIconSubject,
|
|
177
|
+
EIconTeach,
|
|
178
|
+
EIconTrash,
|
|
179
|
+
EIconUserCard,
|
|
180
|
+
EIconUserCheck,
|
|
181
|
+
EIconUsers,
|
|
182
|
+
EIconMale,
|
|
183
|
+
EIconFemale,
|
|
184
|
+
EIconDocumentCheck,
|
|
185
|
+
};
|
package/lib/tailwind.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
// lib/tailwind.js
|
|
2
|
-
import { create } from 'twrnc';
|
|
3
|
-
|
|
4
|
-
// create the customized version...
|
|
5
|
-
const tw = create(require(`../tailwind.config.js`)); // <- your path may differ
|
|
6
|
-
|
|
7
|
-
// ... and then this becomes the main function your app uses
|
|
1
|
+
// lib/tailwind.js
|
|
2
|
+
import { create } from 'twrnc';
|
|
3
|
+
|
|
4
|
+
// create the customized version...
|
|
5
|
+
const tw = create(require(`../tailwind.config.js`)); // <- your path may differ
|
|
6
|
+
|
|
7
|
+
// ... and then this becomes the main function your app uses
|
|
8
8
|
export default tw;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { useContext } from "react";
|
|
2
|
+
import { AuthContext } from "../App";
|
|
3
|
+
|
|
4
|
+
let dictionary: any = {
|
|
5
|
+
Chat: "शिक्षक वार्तालाप",
|
|
6
|
+
"Report Card": "रिपोर्ट",
|
|
7
|
+
"Mock Assessment": "अभ्यास मूल्यांकन",
|
|
8
|
+
"Content Repository": "पठन पाठन सामग्री",
|
|
9
|
+
Attendance: "छात्र उपस्थिति",
|
|
10
|
+
Surveys: "सर्वे",
|
|
11
|
+
Logout: "लॉग आउट",
|
|
12
|
+
Fullname: "छात्र का नाम",
|
|
13
|
+
Class: "कक्षा",
|
|
14
|
+
Section: "अनुभाग",
|
|
15
|
+
"D.O.B": "जन्म की तारीख",
|
|
16
|
+
"School Name": "विद्यालय",
|
|
17
|
+
"Father Name": "पिता का नाम",
|
|
18
|
+
"Mother Name": "माता का नाम",
|
|
19
|
+
Phone: "फ़ोन नंबर",
|
|
20
|
+
"Email address": "ईमेल",
|
|
21
|
+
"School updates": "पाठशाला अपडेट",
|
|
22
|
+
"Periodic Assessment 1": "सावधिक आकलन 1",
|
|
23
|
+
"Periodic Assessment 2": "सावधिक आकलन 2",
|
|
24
|
+
"Annual Assessment": "वार्षिक आकलन",
|
|
25
|
+
"Number of Mastered Competencies/Number of Tested Competencies":
|
|
26
|
+
"निपुण क्षमताओं की संख्या/परीक्षित क्षमताओं की संख्या",
|
|
27
|
+
"Subject-wise Progress": "विषयवार प्रगति",
|
|
28
|
+
English: "अंग्रेज़ी",
|
|
29
|
+
Hindi: "हिंदी",
|
|
30
|
+
Maths: "गणित",
|
|
31
|
+
Math: "गणित",
|
|
32
|
+
"Competency-wise Status": "क्षमता-वार स्थिति",
|
|
33
|
+
"English Competency Status": "अंग्रेज़ी क्षमता स्थिति",
|
|
34
|
+
"Hindi Competency Status": "हिंदी क्षमता स्थिति",
|
|
35
|
+
"Maths Competency Status": "गणित क्षमता स्थिति",
|
|
36
|
+
"Math Competency Status": "गणित क्षमता स्थिति",
|
|
37
|
+
"Holistic Progress Card": "होलिस्टिक प्रोग्रेस कार्ड",
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
function findingKey(dict: string[], text: any) {
|
|
41
|
+
let translated = "";
|
|
42
|
+
dict.forEach((each: any) => {
|
|
43
|
+
if (each === text) {
|
|
44
|
+
translated = dictionary[text];
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
return translated || text;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export const _t = (text: string): string => {
|
|
51
|
+
const { selectedLanguage } = useContext(AuthContext);
|
|
52
|
+
// const { userData, config } = useSelector((state: State) => state);
|
|
53
|
+
if (selectedLanguage === "english" || selectedLanguage === "") {
|
|
54
|
+
return text;
|
|
55
|
+
}
|
|
56
|
+
console.log("selectedLanguage", text);
|
|
57
|
+
let dict = Object.keys(dictionary);
|
|
58
|
+
let translated = findingKey(dict, text);
|
|
59
|
+
return translated;
|
|
60
|
+
};
|
package/package.json
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "fln-espranza",
|
|
3
|
-
"version": "1.1.
|
|
4
|
-
"description": "All components used inside FLN Project of Espranza Innovations",
|
|
5
|
-
"main": "index.ts",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
-
},
|
|
9
|
-
"author": "",
|
|
10
|
-
"license": "ISC",
|
|
11
|
-
"peerDependencies": {
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"react": "
|
|
15
|
-
"react-native": "
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"react-native-heroicons": "^
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
}
|
|
26
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "fln-espranza",
|
|
3
|
+
"version": "1.1.19",
|
|
4
|
+
"description": "All components used inside FLN Project of Espranza Innovations",
|
|
5
|
+
"main": "index.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
+
},
|
|
9
|
+
"author": "",
|
|
10
|
+
"license": "ISC",
|
|
11
|
+
"peerDependencies": {
|
|
12
|
+
"@react-native-community/datetimepicker": "6.1.2",
|
|
13
|
+
"@react-navigation/drawer": "^6.5.0",
|
|
14
|
+
"@react-navigation/native": "^6.0.10",
|
|
15
|
+
"@react-navigation/native-stack": "^6.6.2",
|
|
16
|
+
"expo": "~45.0.0",
|
|
17
|
+
"expo-status-bar": "~1.3.0",
|
|
18
|
+
"moment": "^2.29.4",
|
|
19
|
+
"react": "17.0.2",
|
|
20
|
+
"react-native": "0.68.2",
|
|
21
|
+
"react-native-heroicons": "^3.2.0",
|
|
22
|
+
"react-native-reanimated": "~2.8.0",
|
|
23
|
+
"react-native-safe-area-context": "4.2.4",
|
|
24
|
+
"twrnc": "^3.3.2"
|
|
25
|
+
}
|
|
26
|
+
}
|
package/tailwind.config.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
// tailwind.config.js
|
|
2
|
-
const {
|
|
3
|
-
plugin
|
|
4
|
-
} = require('twrnc');
|
|
5
|
-
|
|
6
|
-
// or, you can use tailwinds plugin function:
|
|
7
|
-
// const plugin = require('tailwindcss/plugin');
|
|
8
|
-
|
|
9
|
-
module.exports = {
|
|
10
|
-
plugins: [
|
|
11
|
-
plugin(({
|
|
12
|
-
addUtilities
|
|
13
|
-
}) => {
|
|
14
|
-
addUtilities({
|
|
15
|
-
'list-title': 'font-bold',
|
|
16
|
-
'list-body': 'opacity-60',
|
|
17
|
-
'list-date': 'opacity-30'
|
|
18
|
-
})
|
|
19
|
-
})
|
|
20
|
-
],
|
|
21
|
-
theme: {
|
|
22
|
-
fontFamily: {},
|
|
23
|
-
extend: {
|
|
24
|
-
spacing: {
|
|
25
|
-
'8xl': '96rem',
|
|
26
|
-
'9xl': '128rem',
|
|
27
|
-
},
|
|
28
|
-
borderRadius: {
|
|
29
|
-
'4xl': '2rem',
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
},
|
|
1
|
+
// tailwind.config.js
|
|
2
|
+
const {
|
|
3
|
+
plugin
|
|
4
|
+
} = require('twrnc');
|
|
5
|
+
|
|
6
|
+
// or, you can use tailwinds plugin function:
|
|
7
|
+
// const plugin = require('tailwindcss/plugin');
|
|
8
|
+
|
|
9
|
+
module.exports = {
|
|
10
|
+
plugins: [
|
|
11
|
+
plugin(({
|
|
12
|
+
addUtilities
|
|
13
|
+
}) => {
|
|
14
|
+
addUtilities({
|
|
15
|
+
'list-title': 'font-bold',
|
|
16
|
+
'list-body': 'opacity-60',
|
|
17
|
+
'list-date': 'opacity-30'
|
|
18
|
+
})
|
|
19
|
+
})
|
|
20
|
+
],
|
|
21
|
+
theme: {
|
|
22
|
+
fontFamily: {},
|
|
23
|
+
extend: {
|
|
24
|
+
spacing: {
|
|
25
|
+
'8xl': '96rem',
|
|
26
|
+
'9xl': '128rem',
|
|
27
|
+
},
|
|
28
|
+
borderRadius: {
|
|
29
|
+
'4xl': '2rem',
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
33
|
}
|
package/utils/Color.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export const Colors = {
|
|
2
|
-
"primary-base": '#218C74',
|
|
3
|
-
"primary-light": '#F4F9F8',
|
|
4
|
-
"secondary-base": '#3F3D84',
|
|
5
|
-
"secondary-light": '#F5F5F9',
|
|
6
|
-
"blue": '#0993BF',
|
|
7
|
-
"border": '#E0E6EC',
|
|
8
|
-
"warning": '#FFCB66',
|
|
9
|
-
"success": '#00BE9B',
|
|
10
|
-
"text-primary": '#2D3A5D',
|
|
11
|
-
"text-body": '#64748B',
|
|
12
|
-
"text-placeholder": '#CBD5E1',
|
|
13
|
-
"text-secondary": "#585F68",
|
|
14
|
-
"white": '#FFFFFF',
|
|
1
|
+
export const Colors = {
|
|
2
|
+
"primary-base": '#218C74',
|
|
3
|
+
"primary-light": '#F4F9F8',
|
|
4
|
+
"secondary-base": '#3F3D84',
|
|
5
|
+
"secondary-light": '#F5F5F9',
|
|
6
|
+
"blue": '#0993BF',
|
|
7
|
+
"border": '#E0E6EC',
|
|
8
|
+
"warning": '#FFCB66',
|
|
9
|
+
"success": '#00BE9B',
|
|
10
|
+
"text-primary": '#2D3A5D',
|
|
11
|
+
"text-body": '#64748B',
|
|
12
|
+
"text-placeholder": '#CBD5E1',
|
|
13
|
+
"text-secondary": "#585F68",
|
|
14
|
+
"white": '#FFFFFF',
|
|
15
15
|
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef, useState } from 'react'
|
|
2
|
-
import { Animated,StyleSheet, View } from 'react-native';
|
|
3
|
-
import tw from "../lib/tailwind";
|
|
4
|
-
import { Colors } from "../utils/Color";
|
|
5
|
-
|
|
6
|
-
interface IProps{
|
|
7
|
-
progress: number;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export default function ProgressBar( {progress}: IProps) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const barWidth = useRef(new Animated.Value(0)).current;
|
|
14
|
-
|
|
15
|
-
useEffect(() => {
|
|
16
|
-
Animated.spring(barWidth, {
|
|
17
|
-
toValue: progress,
|
|
18
|
-
bounciness: 0,
|
|
19
|
-
speed: 7,
|
|
20
|
-
useNativeDriver: false,
|
|
21
|
-
}).start();
|
|
22
|
-
}, [progress]);
|
|
23
|
-
return (
|
|
24
|
-
<View style={[tw`h-2 w-14 bg-[${Colors['primary-light']}] overflow-hidden mr-2`, {
|
|
25
|
-
borderRadius: 40,
|
|
26
|
-
}]}>
|
|
27
|
-
<Animated.View
|
|
28
|
-
style={[StyleSheet.absoluteFill, { backgroundColor: Colors['primary-base'], width: barWidth }]}
|
|
29
|
-
|
|
30
|
-
/>
|
|
31
|
-
</View>
|
|
32
|
-
)
|
|
33
|
-
}
|