@campxdev/react-blueprint 1.2.19 → 1.2.21
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/package.json +1 -1
- package/src/App.tsx +133 -19
- package/src/components/Assets/Icons/IconComponents/QuizIcon.tsx +44 -0
- package/src/components/Assets/Icons/IconComponents/TimerIcon.tsx +711 -0
- package/src/components/Assets/Icons/Icons.tsx +4 -0
- package/src/components/DataDisplay/Card/Card.tsx +3 -7
- package/src/components/DataDisplay/EditableDataTable/EditableDataTable.tsx +12 -0
- package/src/components/Input/SingleSelect/SingleSelect.tsx +44 -19
- package/src/components/Layout/PageContent/PageContent.tsx +11 -8
- package/src/components/Layout/export.ts +3 -5
- package/src/components/Navigation/TabsContainer/TabsContainer.tsx +10 -2
- package/src/themes/commonTheme.ts +3 -4
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { GridColDef } from '@mui/x-data-grid';
|
|
1
|
+
import { GridColDef, GridPreProcessEditCellProps } from '@mui/x-data-grid';
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import './App.css';
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
EditableDataTable,
|
|
6
|
+
Select,
|
|
7
|
+
SingleSelect,
|
|
8
|
+
TextField,
|
|
9
|
+
} from './components/export';
|
|
5
10
|
import { usePageHeader } from './hooks/usePageHeader';
|
|
6
11
|
|
|
7
12
|
interface RowType {
|
|
@@ -11,7 +16,7 @@ interface RowType {
|
|
|
11
16
|
}
|
|
12
17
|
|
|
13
18
|
function App() {
|
|
14
|
-
const [status, setStatus] = useState('
|
|
19
|
+
const [status, setStatus] = useState('ok1');
|
|
15
20
|
|
|
16
21
|
const { uniqueId, density, columnVisibilityModel } = usePageHeader();
|
|
17
22
|
|
|
@@ -21,7 +26,6 @@ function App() {
|
|
|
21
26
|
headerName: 'First name',
|
|
22
27
|
width: 250,
|
|
23
28
|
editable: true,
|
|
24
|
-
|
|
25
29
|
type: 'string',
|
|
26
30
|
},
|
|
27
31
|
{
|
|
@@ -29,27 +33,96 @@ function App() {
|
|
|
29
33
|
headerName: 'Last name',
|
|
30
34
|
width: 250,
|
|
31
35
|
editable: true,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
renderCell: (params) => {
|
|
37
|
+
return (
|
|
38
|
+
<SingleSelect
|
|
39
|
+
value={params.value}
|
|
40
|
+
disabled
|
|
41
|
+
options={[
|
|
42
|
+
{
|
|
43
|
+
label: 'Okay1',
|
|
44
|
+
value: 'ok1',
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
label: 'Okay4',
|
|
48
|
+
value: 'ok4',
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
label: 'Okay2',
|
|
52
|
+
value: 'ok2',
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
label: 'Okay3',
|
|
56
|
+
value: 'ok3',
|
|
57
|
+
},
|
|
58
|
+
]}
|
|
59
|
+
onChange={function (value: any): void {
|
|
60
|
+
setStatus(value);
|
|
61
|
+
}}
|
|
62
|
+
/>
|
|
63
|
+
);
|
|
64
|
+
},
|
|
65
|
+
renderEditCell: (params) => {
|
|
66
|
+
return (
|
|
67
|
+
<SingleSelect
|
|
68
|
+
value={params.value}
|
|
69
|
+
options={[
|
|
70
|
+
{
|
|
71
|
+
label: 'Okay1',
|
|
72
|
+
value: 'ok1',
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
label: 'Okay4',
|
|
76
|
+
value: 'ok4',
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
label: 'Okay2',
|
|
80
|
+
value: 'ok2',
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
label: 'Okay3',
|
|
84
|
+
value: 'ok3',
|
|
85
|
+
},
|
|
86
|
+
]}
|
|
87
|
+
onChange={function (value: any): void {
|
|
88
|
+
setStatus(value);
|
|
89
|
+
}}
|
|
90
|
+
/>
|
|
91
|
+
);
|
|
92
|
+
},
|
|
46
93
|
},
|
|
47
94
|
{
|
|
48
95
|
field: 'age',
|
|
49
96
|
headerName: 'Age',
|
|
50
|
-
|
|
97
|
+
preProcessEditCellProps: (params: GridPreProcessEditCellProps) => {
|
|
98
|
+
const hasError = params.props.value < 3;
|
|
99
|
+
return {
|
|
100
|
+
...params.props,
|
|
101
|
+
error: hasError,
|
|
102
|
+
};
|
|
103
|
+
},
|
|
104
|
+
width: 230,
|
|
51
105
|
editable: true,
|
|
52
106
|
type: 'number',
|
|
107
|
+
renderEditCell: (params) => {
|
|
108
|
+
return (
|
|
109
|
+
<>
|
|
110
|
+
<TextField
|
|
111
|
+
value={params.value}
|
|
112
|
+
error={params.error}
|
|
113
|
+
helperText={params.error && 'Age is at least 3'}
|
|
114
|
+
type="number"
|
|
115
|
+
onChange={(e) => {
|
|
116
|
+
params.api.setEditCellValue({
|
|
117
|
+
id: params.id,
|
|
118
|
+
field: 'age',
|
|
119
|
+
value: e.target.value,
|
|
120
|
+
});
|
|
121
|
+
}}
|
|
122
|
+
/>
|
|
123
|
+
</>
|
|
124
|
+
);
|
|
125
|
+
},
|
|
53
126
|
},
|
|
54
127
|
];
|
|
55
128
|
|
|
@@ -85,11 +158,52 @@ function App() {
|
|
|
85
158
|
<EditableDataTable
|
|
86
159
|
rows={rows}
|
|
87
160
|
columns={columns}
|
|
161
|
+
density="comfortable"
|
|
88
162
|
onChange={(newRows) => {
|
|
89
163
|
setRows(newRows as RowType[]);
|
|
90
164
|
}}
|
|
91
165
|
onSave={onSave}
|
|
92
166
|
/>
|
|
167
|
+
<Select
|
|
168
|
+
value={status}
|
|
169
|
+
onChange={(e) => {
|
|
170
|
+
setStatus(e.target.value);
|
|
171
|
+
}}
|
|
172
|
+
options={[
|
|
173
|
+
{
|
|
174
|
+
label: 'Green',
|
|
175
|
+
value: 'green',
|
|
176
|
+
color: 'green',
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
label: 'Red',
|
|
180
|
+
value: 'red',
|
|
181
|
+
|
|
182
|
+
color: 'red',
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
label: 'Yellow',
|
|
186
|
+
value: 'yellow',
|
|
187
|
+
|
|
188
|
+
color: 'yellow',
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
label: 'PinkPanther',
|
|
192
|
+
value: 'pink',
|
|
193
|
+
|
|
194
|
+
color: 'pink',
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
label: 'Blue Boy',
|
|
198
|
+
value: 'blue',
|
|
199
|
+
color: 'blue',
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
label: 'Simple',
|
|
203
|
+
value: 'simple',
|
|
204
|
+
},
|
|
205
|
+
]}
|
|
206
|
+
/>
|
|
93
207
|
</>
|
|
94
208
|
);
|
|
95
209
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
const QuizIcon = ({ size = 16 }) => {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
width={size}
|
|
5
|
+
height={size}
|
|
6
|
+
viewBox="0 0 20 20"
|
|
7
|
+
fill="none"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
>
|
|
10
|
+
<g clip-path="url(#clip0_1305_893)">
|
|
11
|
+
<path
|
|
12
|
+
d="M12.3096 16.4603H7.7179C7.51336 16.479 7.30713 16.457 7.11116 16.3955C6.91519 16.334 6.73337 16.2342 6.57624 16.1019C6.46443 15.9727 6.38135 15.8211 6.3325 15.6574C6.28366 15.4936 6.27016 15.3213 6.2929 15.1519V14.4103C5.26513 13.736 4.41298 12.8263 3.80717 11.7567C3.20136 10.6871 2.85937 9.48848 2.80957 8.26026C2.81002 7.1756 3.05511 6.10501 3.52659 5.12818C3.99806 4.15135 4.68378 3.29344 5.53271 2.6183C6.38164 1.94316 7.37191 1.46819 8.4298 1.22873C9.4877 0.98928 10.586 0.991511 11.6429 1.23526C12.6713 1.46117 13.6368 1.91246 14.4697 2.55661C15.3027 3.20076 15.9823 4.02171 16.4596 4.96026C17.223 6.59945 17.3686 8.45929 16.8694 10.1973C16.3702 11.9353 15.2599 13.4344 13.7429 14.4186V15.0436C13.7641 15.229 13.7461 15.4168 13.6901 15.5948C13.6341 15.7728 13.5414 15.937 13.4179 16.0769C13.2675 16.2107 13.0922 16.3134 12.902 16.3791C12.7118 16.4449 12.5105 16.4725 12.3096 16.4603ZM7.53457 15.2019C7.57624 15.2019 7.63457 15.2103 7.70957 15.2103H12.3096C12.3684 15.2115 12.4271 15.2059 12.4846 15.1936V14.0578C12.4847 13.9506 12.5124 13.8453 12.5649 13.7519C12.6175 13.6585 12.6931 13.5802 12.7846 13.5244C14.1296 12.7417 15.135 11.4862 15.6048 10.0027C16.0747 8.51911 15.9754 6.91375 15.3262 5.49943C14.9332 4.72743 14.3734 4.05251 13.6873 3.52356C13.0013 2.9946 12.2061 2.62486 11.3596 2.4411C10.4778 2.24003 9.56198 2.24051 8.6804 2.44251C7.79882 2.64451 6.97418 3.04281 6.2679 3.60776C5.5715 4.16587 5.00982 4.87375 4.62461 5.67878C4.23941 6.48382 4.04058 7.36532 4.0429 8.25776C4.09807 9.33118 4.41752 10.3743 4.97286 11.2946C5.52821 12.2148 6.30226 12.9837 7.22624 13.5328C7.31821 13.588 7.39424 13.6662 7.44684 13.7597C7.49943 13.8532 7.5268 13.9588 7.52624 14.0661V15.1911C7.53457 15.1936 7.53457 15.1936 7.53457 15.2019Z"
|
|
13
|
+
fill="white"
|
|
14
|
+
stroke="white"
|
|
15
|
+
stroke-width="0.4"
|
|
16
|
+
/>
|
|
17
|
+
<path
|
|
18
|
+
d="M12.9178 18.9614C12.8586 18.9613 12.7997 18.9529 12.7428 18.9364C10.9487 18.4198 9.04522 18.4198 7.25112 18.9364C7.09092 18.9803 6.91992 18.9594 6.77496 18.8783C6.63 18.7973 6.52268 18.6625 6.47612 18.5031C6.45352 18.4238 6.44681 18.3407 6.45637 18.2588C6.46594 18.1769 6.49158 18.0976 6.53184 18.0256C6.5721 17.9536 6.62619 17.8903 6.69098 17.8392C6.75578 17.7882 6.83002 17.7504 6.90945 17.7281C8.92763 17.1531 11.0663 17.1531 13.0844 17.7281C13.2445 17.7737 13.3799 17.8809 13.4612 18.0261C13.5424 18.1714 13.5627 18.3429 13.5178 18.5031C13.4832 18.6355 13.4054 18.7525 13.2967 18.8355C13.1879 18.9186 13.0546 18.9629 12.9178 18.9614Z"
|
|
19
|
+
fill="white"
|
|
20
|
+
stroke="white"
|
|
21
|
+
stroke-width="0.4"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
d="M11.774 7.21543C11.8342 7.56943 11.784 7.93337 11.6304 8.25791C11.4767 8.58245 11.2268 8.85188 10.9148 9.02959C10.4631 9.32709 10.3648 9.50959 10.344 9.57209C10.3196 9.64324 10.2737 9.705 10.2126 9.74889C10.1515 9.79279 10.0783 9.81661 10.0031 9.81705C9.96395 9.81763 9.925 9.81118 9.88813 9.79792C9.79778 9.76736 9.72325 9.70222 9.68091 9.61675C9.63857 9.53129 9.63188 9.43249 9.6623 9.34209C9.83981 8.9528 10.1402 8.63253 10.5173 8.43043C10.7126 8.33072 10.871 8.17136 10.9696 7.97552C11.0682 7.77967 11.1018 7.55751 11.0656 7.34126C11.0104 7.08191 10.8619 6.85181 10.6484 6.69459C10.4349 6.53737 10.1711 6.46395 9.90705 6.48819C9.64299 6.51243 9.39701 6.63266 9.21567 6.82612C9.03434 7.01959 8.93025 7.27283 8.92314 7.53789C8.92314 7.63337 8.88521 7.725 8.8177 7.79251C8.75019 7.86003 8.65861 7.8979 8.56313 7.8979C8.46765 7.8979 8.37608 7.86003 8.30856 7.79251C8.24105 7.725 8.20313 7.63337 8.20312 7.53789C8.20355 7.27426 8.2618 7.01394 8.37377 6.77526C8.48574 6.53658 8.6487 6.32532 8.85117 6.15647C9.05363 5.98761 9.29066 5.86527 9.54557 5.79799C9.80047 5.7307 10.067 5.72014 10.3265 5.76706C10.6858 5.8341 11.0163 6.00832 11.2747 6.26684C11.5331 6.52536 11.7071 6.85609 11.774 7.21543ZM10.4963 11.348C10.4963 11.4429 10.4682 11.5357 10.4154 11.6146C10.3627 11.6935 10.2877 11.7551 10.2 11.7914C10.1123 11.8277 10.0158 11.8373 9.92269 11.8188C9.82958 11.8003 9.74405 11.7545 9.67692 11.6873C9.60979 11.6202 9.56409 11.5347 9.54557 11.4416C9.52705 11.3485 9.53655 11.252 9.57288 11.1643C9.60921 11.0766 9.67072 11.0016 9.74965 10.9488C9.82859 10.8961 9.92139 10.8679 10.0163 10.8679C10.1436 10.8682 10.2655 10.9189 10.3555 11.0088C10.4455 11.0988 10.4961 11.2208 10.4963 11.348Z"
|
|
25
|
+
fill="white"
|
|
26
|
+
stroke="white"
|
|
27
|
+
stroke-width="0.8"
|
|
28
|
+
/>
|
|
29
|
+
</g>
|
|
30
|
+
<defs>
|
|
31
|
+
<clipPath id="clip0_1305_893">
|
|
32
|
+
<rect
|
|
33
|
+
width="20"
|
|
34
|
+
height="20"
|
|
35
|
+
fill="white"
|
|
36
|
+
transform="translate(0.000976562)"
|
|
37
|
+
/>
|
|
38
|
+
</clipPath>
|
|
39
|
+
</defs>
|
|
40
|
+
</svg>
|
|
41
|
+
);
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export default QuizIcon;
|
|
@@ -0,0 +1,711 @@
|
|
|
1
|
+
const TimerIcon = ({ size = 16 }) => {
|
|
2
|
+
return (
|
|
3
|
+
<svg
|
|
4
|
+
width={size}
|
|
5
|
+
height={size}
|
|
6
|
+
viewBox="0 0 20 20"
|
|
7
|
+
fill="none"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M9.25781 3.11328H10.7461V4.82422H9.25781V3.11328Z"
|
|
12
|
+
fill="#EFFFFF"
|
|
13
|
+
/>
|
|
14
|
+
<path
|
|
15
|
+
d="M11.9805 2.18359V2.55859C11.9805 3.08984 11.5469 3.52344 11.0156 3.52344H8.98828C8.45703 3.52344 8.02344 3.08984 8.02344 2.55859V2.18359C8.02344 1.94141 8.21875 1.74609 8.46094 1.74609H11.543C11.7813 1.74609 11.9805 1.94141 11.9805 2.18359Z"
|
|
16
|
+
fill="url(#paint0_linear_1166_24092)"
|
|
17
|
+
/>
|
|
18
|
+
<path
|
|
19
|
+
d="M8.98828 3.52344H11.0156C11.5508 3.52344 11.9805 3.08984 11.9805 2.55859V2.35547H8.01953V2.55859C8.01953 3.08984 8.45313 3.52344 8.98828 3.52344Z"
|
|
20
|
+
fill="url(#paint1_linear_1166_24092)"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
d="M8.98828 3.52344H11.0156C11.5508 3.52344 11.9805 3.08984 11.9805 2.55859V2.35547H8.01953V2.55859C8.01953 3.08984 8.45313 3.52344 8.98828 3.52344Z"
|
|
24
|
+
fill="url(#paint2_linear_1166_24092)"
|
|
25
|
+
/>
|
|
26
|
+
<path
|
|
27
|
+
d="M10.0938 1.74609H11.543C11.7852 1.74609 11.9805 1.94141 11.9805 2.18359V2.55859C11.9805 3.08984 11.5469 3.52344 11.0156 3.52344H10.0938V1.74609Z"
|
|
28
|
+
fill="url(#paint3_linear_1166_24092)"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M12.7383 0.605469V1.85547C12.7383 2.19141 12.4688 2.46094 12.1328 2.46094H7.86719C7.53125 2.46094 7.26172 2.19141 7.26172 1.85547V0.605469C7.26172 0.269531 7.53125 0 7.86719 0H12.1328C12.4688 0 12.7383 0.269531 12.7383 0.605469Z"
|
|
32
|
+
fill="url(#paint4_linear_1166_24092)"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
d="M7.86719 2.46094H12.1328C12.4688 2.46094 12.7383 2.19141 12.7383 1.85547V0.84375H7.26172V1.85547C7.26172 2.19141 7.53125 2.46094 7.86719 2.46094Z"
|
|
36
|
+
fill="url(#paint5_linear_1166_24092)"
|
|
37
|
+
/>
|
|
38
|
+
<path
|
|
39
|
+
d="M10.1289 0H12.1328C12.4688 0 12.7383 0.269531 12.7383 0.605469V1.85547C12.7383 2.19141 12.4688 2.46094 12.1328 2.46094H10.1289V0Z"
|
|
40
|
+
fill="url(#paint6_linear_1166_24092)"
|
|
41
|
+
/>
|
|
42
|
+
<path
|
|
43
|
+
d="M16.6406 6.49414L15.4258 7.70898C15.1133 7.32227 14.7617 6.9707 14.375 6.6582L15.5898 5.44336C15.7539 5.2793 16.0195 5.2793 16.1836 5.44336L16.6445 5.90039C16.8047 6.06836 16.8047 6.33398 16.6406 6.49414Z"
|
|
44
|
+
fill="#EFFFFF"
|
|
45
|
+
/>
|
|
46
|
+
<path
|
|
47
|
+
d="M4.41016 5.44434L5.625 6.65918C5.23828 6.97168 4.88672 7.32324 4.57422 7.70996L3.35937 6.49512C3.19531 6.33106 3.19531 6.06543 3.35937 5.90137L3.82031 5.44434C3.98047 5.28418 4.24609 5.28418 4.41016 5.44434Z"
|
|
48
|
+
fill="#EFFFFF"
|
|
49
|
+
/>
|
|
50
|
+
<path
|
|
51
|
+
d="M10.0625 5.13672H9.9375C6.14062 5.14453 3.05859 8.22656 3.04688 12.0273V12.1523C3.05469 15.9492 6.13672 19.0312 9.9375 19.043H10.0625C13.8594 19.0352 16.9414 15.9531 16.9531 12.1523V12.0273C16.9414 8.22656 13.8594 5.14453 10.0625 5.13672Z"
|
|
52
|
+
fill="url(#paint7_linear_1166_24092)"
|
|
53
|
+
/>
|
|
54
|
+
<path
|
|
55
|
+
d="M10.0625 5.13672H9.9375C6.14062 5.14453 3.05859 8.22656 3.04688 12.0273V12.1523C3.05469 15.9492 6.13672 19.0312 9.9375 19.043H10.0625C13.8594 19.0352 16.9414 15.9531 16.9531 12.1523V12.0273C16.9414 8.22656 13.8594 5.14453 10.0625 5.13672Z"
|
|
56
|
+
fill="url(#paint8_linear_1166_24092)"
|
|
57
|
+
/>
|
|
58
|
+
<path
|
|
59
|
+
d="M10.0625 5.13672H9.9375C6.14062 5.14453 3.05859 8.22656 3.04688 12.0273V12.1523C3.05469 15.9492 6.13672 19.0312 9.9375 19.043H10.0625C13.8594 19.0352 16.9414 15.9531 16.9531 12.1523V12.0273C16.9414 8.22656 13.8594 5.14453 10.0625 5.13672Z"
|
|
60
|
+
fill="url(#paint9_linear_1166_24092)"
|
|
61
|
+
/>
|
|
62
|
+
<path
|
|
63
|
+
d="M10.0625 5.13672H9.9375C6.14062 5.14453 3.05859 8.22656 3.04688 12.0273V12.1523C3.05469 15.9492 6.13672 19.0312 9.9375 19.043H10.0625C13.8594 19.0352 16.9414 15.9531 16.9531 12.1523V12.0273C16.9414 8.22656 13.8594 5.14453 10.0625 5.13672Z"
|
|
64
|
+
fill="url(#paint10_linear_1166_24092)"
|
|
65
|
+
/>
|
|
66
|
+
<path
|
|
67
|
+
d="M10 16.6094C10.1484 16.6094 10.2695 16.7305 10.2695 16.8789V17.6133C10.2695 17.7617 10.1484 17.8828 10 17.8828C9.85156 17.8828 9.73047 17.7617 9.73047 17.6133V16.8789C9.73047 16.7305 9.85156 16.6094 10 16.6094Z"
|
|
68
|
+
fill="url(#paint11_linear_1166_24092)"
|
|
69
|
+
/>
|
|
70
|
+
<path
|
|
71
|
+
d="M5.48047 12.0859C5.48047 12.2344 5.35937 12.3555 5.21094 12.3555H4.47656C4.32813 12.3555 4.20703 12.2344 4.20703 12.0859C4.20703 11.9375 4.32813 11.8164 4.47656 11.8164H5.21094C5.35937 11.8164 5.48047 11.9375 5.48047 12.0859Z"
|
|
72
|
+
fill="url(#paint12_linear_1166_24092)"
|
|
73
|
+
/>
|
|
74
|
+
<path
|
|
75
|
+
d="M15.7969 12.0859C15.7969 12.2344 15.6758 12.3555 15.5273 12.3555H14.793C14.6445 12.3555 14.5234 12.2344 14.5234 12.0859C14.5234 11.9375 14.6445 11.8164 14.793 11.8164H15.5273C15.6758 11.8164 15.7969 11.9375 15.7969 12.0859Z"
|
|
76
|
+
fill="url(#paint13_linear_1166_24092)"
|
|
77
|
+
/>
|
|
78
|
+
<path
|
|
79
|
+
d="M12.2617 8.17086C12.1328 8.09664 12.0859 7.92868 12.164 7.79977L12.5312 7.16305C12.6054 7.03414 12.7734 6.98727 12.9023 7.06539C13.0312 7.13961 13.0781 7.30758 13 7.43649L12.6328 8.07321C12.5547 8.20211 12.3906 8.24508 12.2617 8.17086Z"
|
|
80
|
+
fill="url(#paint14_linear_1166_24092)"
|
|
81
|
+
/>
|
|
82
|
+
<path
|
|
83
|
+
d="M7.10153 17.1084C6.97262 17.0341 6.92575 16.8662 7.00387 16.7373L7.37106 16.1006C7.44528 15.9716 7.61325 15.9248 7.74215 16.0029C7.87106 16.0771 7.91793 16.2451 7.83981 16.374L7.47262 17.0107C7.3984 17.1357 7.23043 17.1826 7.10153 17.1084Z"
|
|
84
|
+
fill="url(#paint15_linear_1166_24092)"
|
|
85
|
+
/>
|
|
86
|
+
<path
|
|
87
|
+
d="M13.9142 14.3466C13.9885 14.2177 14.1564 14.1709 14.2853 14.249L14.9221 14.6162C15.051 14.6904 15.0978 14.8584 15.0197 14.9873C14.9455 15.1162 14.7775 15.1631 14.6486 15.0849L14.0119 14.7177C13.883 14.6435 13.84 14.4756 13.9142 14.3466Z"
|
|
88
|
+
fill="url(#paint16_linear_1166_24092)"
|
|
89
|
+
/>
|
|
90
|
+
<path
|
|
91
|
+
d="M4.98065 9.18649C5.05487 9.05758 5.22284 9.01071 5.35174 9.08883L5.98846 9.45602C6.11737 9.53024 6.16424 9.69821 6.08612 9.82711C6.0119 9.95602 5.84393 10.0029 5.71503 9.92477L5.07831 9.55758C4.9494 9.48336 4.90643 9.3193 4.98065 9.18649Z"
|
|
92
|
+
fill="url(#paint17_linear_1166_24092)"
|
|
93
|
+
/>
|
|
94
|
+
<path
|
|
95
|
+
d="M7.10153 7.06366C7.23043 6.98944 7.3984 7.03241 7.47262 7.16131L7.83981 7.79803C7.91403 7.92694 7.87106 8.09491 7.74215 8.16913C7.61325 8.24335 7.44528 8.20038 7.37106 8.07147L7.00387 7.43475C6.92575 7.30585 6.97262 7.13788 7.10153 7.06366Z"
|
|
96
|
+
fill="url(#paint18_linear_1166_24092)"
|
|
97
|
+
/>
|
|
98
|
+
<path
|
|
99
|
+
d="M12.2616 16.0012C12.3905 15.9269 12.5585 15.9699 12.6327 16.0988L12.9999 16.7355C13.0741 16.8644 13.0311 17.0324 12.9022 17.1066C12.7733 17.1808 12.6053 17.1379 12.5311 17.009L12.1639 16.3723C12.0858 16.2394 12.1288 16.0754 12.2616 16.0012Z"
|
|
100
|
+
fill="url(#paint19_linear_1166_24092)"
|
|
101
|
+
/>
|
|
102
|
+
<path
|
|
103
|
+
d="M4.98065 14.9816C4.90643 14.8527 4.9494 14.6848 5.07831 14.6105L5.71503 14.2433C5.84393 14.1691 6.0119 14.2121 6.08612 14.341C6.16034 14.4699 6.11737 14.6379 5.98846 14.7121L5.35174 15.0793C5.21893 15.1574 5.05487 15.1144 4.98065 14.9816Z"
|
|
104
|
+
fill="url(#paint20_linear_1166_24092)"
|
|
105
|
+
/>
|
|
106
|
+
<path
|
|
107
|
+
d="M13.9142 9.82538C13.84 9.69647 13.883 9.5285 14.0119 9.45428L14.6486 9.0871C14.7775 9.01288 14.9455 9.05585 15.0197 9.18475C15.0939 9.31366 15.051 9.48163 14.9221 9.55585L14.2853 9.92303C14.1564 9.99725 13.9885 9.95428 13.9142 9.82538Z"
|
|
108
|
+
fill="url(#paint21_linear_1166_24092)"
|
|
109
|
+
/>
|
|
110
|
+
<path
|
|
111
|
+
d="M10.2734 6.73438L9.92969 7.25391V12.2188L9.25 12.9336L14.0625 17.7461C15.5078 16.7109 16.5352 15.1328 16.8477 13.3086L10.2734 6.73438Z"
|
|
112
|
+
fill="url(#paint22_linear_1166_24092)"
|
|
113
|
+
/>
|
|
114
|
+
<path
|
|
115
|
+
d="M16.9492 12.0234C16.9414 8.22656 13.8594 5.14453 10.0586 5.13281H10V12.082H16.9492V12.0234Z"
|
|
116
|
+
fill="url(#paint23_linear_1166_24092)"
|
|
117
|
+
/>
|
|
118
|
+
<path
|
|
119
|
+
d="M10.2734 6.73438L10 7.15234V12.0859H15.6289L10.2734 6.73438Z"
|
|
120
|
+
fill="url(#paint24_linear_1166_24092)"
|
|
121
|
+
/>
|
|
122
|
+
<path
|
|
123
|
+
d="M10.0703 4.17578H9.92969C5.60547 4.1875 2.09766 7.69531 2.08594 12.0156V12.1563C2.09766 16.4805 5.60547 19.9883 9.92578 19.9961H10.0664C14.3906 19.9844 17.8984 16.4766 17.9062 12.1563V12.0156C17.9023 7.69531 14.3945 4.1875 10.0703 4.17578ZM16.3867 12.1445C16.3789 15.6328 13.5469 18.4648 10.0586 18.4727H9.94531C6.45703 18.4648 3.625 15.6328 3.61719 12.1445V12.0312C3.625 8.54297 6.45703 5.71094 9.94531 5.70312H10.0586C13.5469 5.71094 16.3789 8.54297 16.3867 12.0312V12.1445Z"
|
|
124
|
+
fill="url(#paint25_linear_1166_24092)"
|
|
125
|
+
/>
|
|
126
|
+
<path
|
|
127
|
+
d="M10.0625 5.13672H9.9375C6.14062 5.14453 3.05859 8.22656 3.04688 12.0273V12.1523C3.05469 15.9492 6.13672 19.0312 9.9375 19.043H10.0625C13.8594 19.0352 16.9414 15.9531 16.9531 12.1523V12.0273C16.9414 8.22656 13.8594 5.14453 10.0625 5.13672ZM16.1328 12.1406C16.125 15.4922 13.4062 18.2109 10.0547 18.2188H9.94531C6.59375 18.2148 3.875 15.4922 3.86719 12.1406V12.0312C3.875 8.67969 6.59375 5.96094 9.94531 5.95312H10.0547C13.4062 5.96094 16.125 8.67969 16.1328 12.0312V12.1406Z"
|
|
128
|
+
fill="url(#paint26_linear_1166_24092)"
|
|
129
|
+
/>
|
|
130
|
+
<path
|
|
131
|
+
d="M14.4727 7.86719C15.5 8.95703 16.1328 10.4219 16.1367 12.0352V12.1445C16.1289 15.4961 13.4102 18.2148 10.0586 18.2227H9.94922C8.33594 18.2187 6.87109 17.5859 5.78125 16.5586L4.51953 17.8203C5.92578 19.168 7.83203 19.9961 9.92969 20H10.0703C14.3945 19.9883 17.9023 16.4805 17.9102 12.1602V12.0195C17.9062 9.92188 17.0781 8.01562 15.7305 6.60938L14.4727 7.86719Z"
|
|
132
|
+
fill="url(#paint27_linear_1166_24092)"
|
|
133
|
+
/>
|
|
134
|
+
<path
|
|
135
|
+
d="M10.2656 12.2725C10.2578 12.4131 10.1406 12.5186 10 12.5186C9.85939 12.5186 9.74611 12.4092 9.73439 12.2725L9.41018 7.59277C9.40627 7.55371 9.41408 7.51465 9.42971 7.47559L9.75393 6.66309C9.84377 6.44043 10.1563 6.44043 10.2461 6.66309L10.5703 7.47559C10.586 7.51074 10.5899 7.55371 10.5899 7.59277L10.2656 12.2725Z"
|
|
136
|
+
fill="url(#paint28_linear_1166_24092)"
|
|
137
|
+
/>
|
|
138
|
+
<path
|
|
139
|
+
d="M10 13.2148C10.6235 13.2148 11.1289 12.7094 11.1289 12.0859C11.1289 11.4625 10.6235 10.957 10 10.957C9.37652 10.957 8.87109 11.4625 8.87109 12.0859C8.87109 12.7094 9.37652 13.2148 10 13.2148Z"
|
|
140
|
+
fill="url(#paint29_linear_1166_24092)"
|
|
141
|
+
/>
|
|
142
|
+
<path
|
|
143
|
+
d="M10 10.9609C9.92187 10.9609 9.84375 10.9688 9.76953 10.9844V13.1953C9.84375 13.2109 9.92187 13.2187 10 13.2187C10.625 13.2187 11.1289 12.7148 11.1289 12.0898C11.1289 11.4648 10.625 10.9609 10 10.9609Z"
|
|
144
|
+
fill="url(#paint30_linear_1166_24092)"
|
|
145
|
+
/>
|
|
146
|
+
<path
|
|
147
|
+
d="M8.87109 12.0859C8.87109 12.7109 9.375 13.2148 10 13.2148C10.625 13.2148 11.1289 12.7109 11.1289 12.0859C11.1289 12.0039 11.1211 11.9219 11.1016 11.8438H8.89844C8.87891 11.9258 8.87109 12.0039 8.87109 12.0859Z"
|
|
148
|
+
fill="url(#paint31_linear_1166_24092)"
|
|
149
|
+
/>
|
|
150
|
+
<path
|
|
151
|
+
d="M10.5703 11.1133L9.02734 12.6562C9.22266 12.9883 9.58594 13.2148 10 13.2148C10.625 13.2148 11.1289 12.7109 11.1289 12.0859C11.1289 11.6719 10.9062 11.3086 10.5703 11.1133Z"
|
|
152
|
+
fill="url(#paint32_linear_1166_24092)"
|
|
153
|
+
/>
|
|
154
|
+
<path
|
|
155
|
+
d="M15.5273 11.8164H14.793C14.6445 11.8164 14.5234 11.9375 14.5234 12.0859H15.8008C15.7969 11.9375 15.6758 11.8164 15.5273 11.8164Z"
|
|
156
|
+
fill="url(#paint33_linear_1166_24092)"
|
|
157
|
+
/>
|
|
158
|
+
<path
|
|
159
|
+
d="M12.2617 8.17086C12.1328 8.09664 12.0859 7.92868 12.164 7.79977L12.5312 7.16305C12.6054 7.03414 12.7734 6.98727 12.9023 7.06539C13.0312 7.13961 13.0781 7.30758 13 7.43649L12.6328 8.07321C12.5547 8.20211 12.3906 8.24508 12.2617 8.17086Z"
|
|
160
|
+
fill="url(#paint34_linear_1166_24092)"
|
|
161
|
+
/>
|
|
162
|
+
<path
|
|
163
|
+
d="M13.9142 9.82928C13.84 9.70038 13.883 9.53241 14.0119 9.45819L14.6486 9.091C14.7775 9.01678 14.9455 9.05975 15.0197 9.18866C15.0939 9.31756 15.051 9.48553 14.9221 9.55975L14.2853 9.92694C14.1564 10.0012 13.9885 9.95819 13.9142 9.82928Z"
|
|
164
|
+
fill="url(#paint35_linear_1166_24092)"
|
|
165
|
+
/>
|
|
166
|
+
<defs>
|
|
167
|
+
<linearGradient
|
|
168
|
+
id="paint0_linear_1166_24092"
|
|
169
|
+
x1="10"
|
|
170
|
+
y1="1.91547"
|
|
171
|
+
x2="10"
|
|
172
|
+
y2="3.50801"
|
|
173
|
+
gradientUnits="userSpaceOnUse"
|
|
174
|
+
>
|
|
175
|
+
<stop stop-color="#99E6FC" />
|
|
176
|
+
<stop offset="1" stop-color="#2ED1E2" />
|
|
177
|
+
</linearGradient>
|
|
178
|
+
<linearGradient
|
|
179
|
+
id="paint1_linear_1166_24092"
|
|
180
|
+
x1="10"
|
|
181
|
+
y1="2.97543"
|
|
182
|
+
x2="10"
|
|
183
|
+
y2="3.60652"
|
|
184
|
+
gradientUnits="userSpaceOnUse"
|
|
185
|
+
>
|
|
186
|
+
<stop stop-color="#017BAE" stop-opacity="0" />
|
|
187
|
+
<stop offset="0.1152" stop-color="#017BAE" stop-opacity="0.038" />
|
|
188
|
+
<stop offset="0.2787" stop-color="#017BAE" stop-opacity="0.145" />
|
|
189
|
+
<stop offset="0.471" stop-color="#017BAE" stop-opacity="0.321" />
|
|
190
|
+
<stop offset="0.6854" stop-color="#017BAE" stop-opacity="0.565" />
|
|
191
|
+
<stop offset="0.9152" stop-color="#017BAE" stop-opacity="0.875" />
|
|
192
|
+
<stop offset="1" stop-color="#017BAE" />
|
|
193
|
+
</linearGradient>
|
|
194
|
+
<linearGradient
|
|
195
|
+
id="paint2_linear_1166_24092"
|
|
196
|
+
x1="10"
|
|
197
|
+
y1="3.09375"
|
|
198
|
+
x2="10"
|
|
199
|
+
y2="2.49816"
|
|
200
|
+
gradientUnits="userSpaceOnUse"
|
|
201
|
+
>
|
|
202
|
+
<stop stop-color="#017BAE" stop-opacity="0" />
|
|
203
|
+
<stop offset="0.1152" stop-color="#017BAE" stop-opacity="0.038" />
|
|
204
|
+
<stop offset="0.2787" stop-color="#017BAE" stop-opacity="0.145" />
|
|
205
|
+
<stop offset="0.471" stop-color="#017BAE" stop-opacity="0.321" />
|
|
206
|
+
<stop offset="0.6854" stop-color="#017BAE" stop-opacity="0.565" />
|
|
207
|
+
<stop offset="0.9152" stop-color="#017BAE" stop-opacity="0.875" />
|
|
208
|
+
<stop offset="1" stop-color="#017BAE" />
|
|
209
|
+
</linearGradient>
|
|
210
|
+
<linearGradient
|
|
211
|
+
id="paint3_linear_1166_24092"
|
|
212
|
+
x1="11.2816"
|
|
213
|
+
y1="2.63406"
|
|
214
|
+
x2="12.0438"
|
|
215
|
+
y2="2.63406"
|
|
216
|
+
gradientUnits="userSpaceOnUse"
|
|
217
|
+
>
|
|
218
|
+
<stop stop-color="#017BAE" stop-opacity="0" />
|
|
219
|
+
<stop offset="0.1152" stop-color="#017BAE" stop-opacity="0.038" />
|
|
220
|
+
<stop offset="0.2787" stop-color="#017BAE" stop-opacity="0.145" />
|
|
221
|
+
<stop offset="0.471" stop-color="#017BAE" stop-opacity="0.321" />
|
|
222
|
+
<stop offset="0.6854" stop-color="#017BAE" stop-opacity="0.565" />
|
|
223
|
+
<stop offset="0.9152" stop-color="#017BAE" stop-opacity="0.875" />
|
|
224
|
+
<stop offset="1" stop-color="#017BAE" />
|
|
225
|
+
</linearGradient>
|
|
226
|
+
<linearGradient
|
|
227
|
+
id="paint4_linear_1166_24092"
|
|
228
|
+
x1="10"
|
|
229
|
+
y1="0.236211"
|
|
230
|
+
x2="10"
|
|
231
|
+
y2="2.44004"
|
|
232
|
+
gradientUnits="userSpaceOnUse"
|
|
233
|
+
>
|
|
234
|
+
<stop stop-color="#99E6FC" />
|
|
235
|
+
<stop offset="1" stop-color="#2ED1E2" />
|
|
236
|
+
</linearGradient>
|
|
237
|
+
<linearGradient
|
|
238
|
+
id="paint5_linear_1166_24092"
|
|
239
|
+
x1="10"
|
|
240
|
+
y1="1.70301"
|
|
241
|
+
x2="10"
|
|
242
|
+
y2="2.57633"
|
|
243
|
+
gradientUnits="userSpaceOnUse"
|
|
244
|
+
>
|
|
245
|
+
<stop stop-color="#017BAE" stop-opacity="0" />
|
|
246
|
+
<stop offset="0.1152" stop-color="#017BAE" stop-opacity="0.038" />
|
|
247
|
+
<stop offset="0.2787" stop-color="#017BAE" stop-opacity="0.145" />
|
|
248
|
+
<stop offset="0.471" stop-color="#017BAE" stop-opacity="0.321" />
|
|
249
|
+
<stop offset="0.6854" stop-color="#017BAE" stop-opacity="0.565" />
|
|
250
|
+
<stop offset="0.9152" stop-color="#017BAE" stop-opacity="0.875" />
|
|
251
|
+
<stop offset="1" stop-color="#017BAE" />
|
|
252
|
+
</linearGradient>
|
|
253
|
+
<linearGradient
|
|
254
|
+
id="paint6_linear_1166_24092"
|
|
255
|
+
x1="11.7736"
|
|
256
|
+
y1="1.23066"
|
|
257
|
+
x2="12.8283"
|
|
258
|
+
y2="1.23066"
|
|
259
|
+
gradientUnits="userSpaceOnUse"
|
|
260
|
+
>
|
|
261
|
+
<stop stop-color="#017BAE" stop-opacity="0" />
|
|
262
|
+
<stop offset="0.1152" stop-color="#017BAE" stop-opacity="0.038" />
|
|
263
|
+
<stop offset="0.2787" stop-color="#017BAE" stop-opacity="0.145" />
|
|
264
|
+
<stop offset="0.471" stop-color="#017BAE" stop-opacity="0.321" />
|
|
265
|
+
<stop offset="0.6854" stop-color="#017BAE" stop-opacity="0.565" />
|
|
266
|
+
<stop offset="0.9152" stop-color="#017BAE" stop-opacity="0.875" />
|
|
267
|
+
<stop offset="1" stop-color="#017BAE" />
|
|
268
|
+
</linearGradient>
|
|
269
|
+
<linearGradient
|
|
270
|
+
id="paint7_linear_1166_24092"
|
|
271
|
+
x1="6.75797"
|
|
272
|
+
y1="8.84562"
|
|
273
|
+
x2="14.0992"
|
|
274
|
+
y2="16.1868"
|
|
275
|
+
gradientUnits="userSpaceOnUse"
|
|
276
|
+
>
|
|
277
|
+
<stop stop-color="#EAF6FF" />
|
|
278
|
+
<stop offset="1" stop-color="#B4D2E2" />
|
|
279
|
+
</linearGradient>
|
|
280
|
+
<linearGradient
|
|
281
|
+
id="paint8_linear_1166_24092"
|
|
282
|
+
x1="6.48574"
|
|
283
|
+
y1="12.0877"
|
|
284
|
+
x2="2.77543"
|
|
285
|
+
y2="12.0877"
|
|
286
|
+
gradientUnits="userSpaceOnUse"
|
|
287
|
+
>
|
|
288
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
289
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
290
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
291
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
292
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
293
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
294
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
295
|
+
</linearGradient>
|
|
296
|
+
<linearGradient
|
|
297
|
+
id="paint9_linear_1166_24092"
|
|
298
|
+
x1="8.04852"
|
|
299
|
+
y1="10.1362"
|
|
300
|
+
x2="5.24406"
|
|
301
|
+
y2="7.33172"
|
|
302
|
+
gradientUnits="userSpaceOnUse"
|
|
303
|
+
>
|
|
304
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
305
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
306
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
307
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
308
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
309
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
310
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
311
|
+
</linearGradient>
|
|
312
|
+
<linearGradient
|
|
313
|
+
id="paint10_linear_1166_24092"
|
|
314
|
+
x1="10"
|
|
315
|
+
y1="8.74145"
|
|
316
|
+
x2="10"
|
|
317
|
+
y2="5.69152"
|
|
318
|
+
gradientUnits="userSpaceOnUse"
|
|
319
|
+
>
|
|
320
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
321
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
322
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
323
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
324
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
325
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
326
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
327
|
+
</linearGradient>
|
|
328
|
+
<linearGradient
|
|
329
|
+
id="paint11_linear_1166_24092"
|
|
330
|
+
x1="6.77875"
|
|
331
|
+
y1="14.4527"
|
|
332
|
+
x2="9.89395"
|
|
333
|
+
y2="17.1541"
|
|
334
|
+
gradientUnits="userSpaceOnUse"
|
|
335
|
+
>
|
|
336
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
337
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
338
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
339
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
340
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
341
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
342
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
343
|
+
</linearGradient>
|
|
344
|
+
<linearGradient
|
|
345
|
+
id="paint12_linear_1166_24092"
|
|
346
|
+
x1="7.63496"
|
|
347
|
+
y1="8.86641"
|
|
348
|
+
x2="4.93356"
|
|
349
|
+
y2="11.9816"
|
|
350
|
+
gradientUnits="userSpaceOnUse"
|
|
351
|
+
>
|
|
352
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
353
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
354
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
355
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
356
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
357
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
358
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
359
|
+
</linearGradient>
|
|
360
|
+
<linearGradient
|
|
361
|
+
id="paint13_linear_1166_24092"
|
|
362
|
+
x1="17.9518"
|
|
363
|
+
y1="8.86641"
|
|
364
|
+
x2="15.2504"
|
|
365
|
+
y2="11.9816"
|
|
366
|
+
gradientUnits="userSpaceOnUse"
|
|
367
|
+
>
|
|
368
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
369
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
370
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
371
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
372
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
373
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
374
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
375
|
+
</linearGradient>
|
|
376
|
+
<linearGradient
|
|
377
|
+
id="paint14_linear_1166_24092"
|
|
378
|
+
x1="13.9759"
|
|
379
|
+
y1="11.6468"
|
|
380
|
+
x2="12.6289"
|
|
381
|
+
y2="7.74977"
|
|
382
|
+
gradientUnits="userSpaceOnUse"
|
|
383
|
+
>
|
|
384
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
385
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
386
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
387
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
388
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
389
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
390
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
391
|
+
</linearGradient>
|
|
392
|
+
<linearGradient
|
|
393
|
+
id="paint15_linear_1166_24092"
|
|
394
|
+
x1="8.81742"
|
|
395
|
+
y1="20.5812"
|
|
396
|
+
x2="7.47036"
|
|
397
|
+
y2="16.6842"
|
|
398
|
+
gradientUnits="userSpaceOnUse"
|
|
399
|
+
>
|
|
400
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
401
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
402
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
403
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
404
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
405
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
406
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
407
|
+
</linearGradient>
|
|
408
|
+
<linearGradient
|
|
409
|
+
id="paint16_linear_1166_24092"
|
|
410
|
+
x1="10.4399"
|
|
411
|
+
y1="16.0595"
|
|
412
|
+
x2="14.337"
|
|
413
|
+
y2="14.7125"
|
|
414
|
+
gradientUnits="userSpaceOnUse"
|
|
415
|
+
>
|
|
416
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
417
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
418
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
419
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
420
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
421
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
422
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
423
|
+
</linearGradient>
|
|
424
|
+
<linearGradient
|
|
425
|
+
id="paint17_linear_1166_24092"
|
|
426
|
+
x1="1.50553"
|
|
427
|
+
y1="10.9011"
|
|
428
|
+
x2="5.40256"
|
|
429
|
+
y2="9.55407"
|
|
430
|
+
gradientUnits="userSpaceOnUse"
|
|
431
|
+
>
|
|
432
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
433
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
434
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
435
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
436
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
437
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
438
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
439
|
+
</linearGradient>
|
|
440
|
+
<linearGradient
|
|
441
|
+
id="paint18_linear_1166_24092"
|
|
442
|
+
x1="6.02765"
|
|
443
|
+
y1="11.6471"
|
|
444
|
+
x2="7.37465"
|
|
445
|
+
y2="7.75005"
|
|
446
|
+
gradientUnits="userSpaceOnUse"
|
|
447
|
+
>
|
|
448
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
449
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
450
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
451
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
452
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
453
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
454
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
455
|
+
</linearGradient>
|
|
456
|
+
<linearGradient
|
|
457
|
+
id="paint19_linear_1166_24092"
|
|
458
|
+
x1="11.186"
|
|
459
|
+
y1="20.5815"
|
|
460
|
+
x2="12.533"
|
|
461
|
+
y2="16.6845"
|
|
462
|
+
gradientUnits="userSpaceOnUse"
|
|
463
|
+
>
|
|
464
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
465
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
466
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
467
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
468
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
469
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
470
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
471
|
+
</linearGradient>
|
|
472
|
+
<linearGradient
|
|
473
|
+
id="paint20_linear_1166_24092"
|
|
474
|
+
x1="9.56399"
|
|
475
|
+
y1="16.0598"
|
|
476
|
+
x2="5.66696"
|
|
477
|
+
y2="14.7128"
|
|
478
|
+
gradientUnits="userSpaceOnUse"
|
|
479
|
+
>
|
|
480
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
481
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
482
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
483
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
484
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
485
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
486
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
487
|
+
</linearGradient>
|
|
488
|
+
<linearGradient
|
|
489
|
+
id="paint21_linear_1166_24092"
|
|
490
|
+
x1="18.4984"
|
|
491
|
+
y1="10.9013"
|
|
492
|
+
x2="14.6014"
|
|
493
|
+
y2="9.5543"
|
|
494
|
+
gradientUnits="userSpaceOnUse"
|
|
495
|
+
>
|
|
496
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
497
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
498
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
499
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
500
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
501
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
502
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
503
|
+
</linearGradient>
|
|
504
|
+
<linearGradient
|
|
505
|
+
id="paint22_linear_1166_24092"
|
|
506
|
+
x1="12.0169"
|
|
507
|
+
y1="12.2162"
|
|
508
|
+
x2="9.40934"
|
|
509
|
+
y2="11.7817"
|
|
510
|
+
gradientUnits="userSpaceOnUse"
|
|
511
|
+
>
|
|
512
|
+
<stop stop-color="#B3DAFE" stop-opacity="0" />
|
|
513
|
+
<stop offset="0.0951337" stop-color="#B1D8FC" stop-opacity="0.033" />
|
|
514
|
+
<stop offset="0.2381" stop-color="#ABD4FA" stop-opacity="0.126" />
|
|
515
|
+
<stop offset="0.4111" stop-color="#A3CDF5" stop-opacity="0.277" />
|
|
516
|
+
<stop offset="0.6075" stop-color="#97C3EE" stop-opacity="0.487" />
|
|
517
|
+
<stop offset="0.8208" stop-color="#88B7E6" stop-opacity="0.752" />
|
|
518
|
+
<stop offset="1" stop-color="#7BACDF" />
|
|
519
|
+
</linearGradient>
|
|
520
|
+
<linearGradient
|
|
521
|
+
id="paint23_linear_1166_24092"
|
|
522
|
+
x1="11.4337"
|
|
523
|
+
y1="7.85941"
|
|
524
|
+
x2="14.1203"
|
|
525
|
+
y2="12.0671"
|
|
526
|
+
gradientUnits="userSpaceOnUse"
|
|
527
|
+
>
|
|
528
|
+
<stop stop-color="#FD4755" />
|
|
529
|
+
<stop offset="1" stop-color="#CA2E43" />
|
|
530
|
+
</linearGradient>
|
|
531
|
+
<linearGradient
|
|
532
|
+
id="paint24_linear_1166_24092"
|
|
533
|
+
x1="12.6151"
|
|
534
|
+
y1="9.63902"
|
|
535
|
+
x2="9.71117"
|
|
536
|
+
y2="9.37234"
|
|
537
|
+
gradientUnits="userSpaceOnUse"
|
|
538
|
+
>
|
|
539
|
+
<stop stop-color="#A72B2B" stop-opacity="0" />
|
|
540
|
+
<stop offset="0.1285" stop-color="#A52A2B" stop-opacity="0.07" />
|
|
541
|
+
<stop offset="0.352" stop-color="#A2292E" stop-opacity="0.259" />
|
|
542
|
+
<stop offset="0.6437" stop-color="#9D2731" stop-opacity="0.566" />
|
|
543
|
+
<stop offset="0.9892" stop-color="#972436" stop-opacity="0.986" />
|
|
544
|
+
<stop offset="1" stop-color="#972437" />
|
|
545
|
+
</linearGradient>
|
|
546
|
+
<linearGradient
|
|
547
|
+
id="paint25_linear_1166_24092"
|
|
548
|
+
x1="4.35387"
|
|
549
|
+
y1="6.44152"
|
|
550
|
+
x2="17.367"
|
|
551
|
+
y2="19.4546"
|
|
552
|
+
gradientUnits="userSpaceOnUse"
|
|
553
|
+
>
|
|
554
|
+
<stop stop-color="#99E6FC" />
|
|
555
|
+
<stop offset="1" stop-color="#2ED1E2" />
|
|
556
|
+
</linearGradient>
|
|
557
|
+
<linearGradient
|
|
558
|
+
id="paint26_linear_1166_24092"
|
|
559
|
+
x1="14.7858"
|
|
560
|
+
y1="16.8734"
|
|
561
|
+
x2="3.2007"
|
|
562
|
+
y2="5.2884"
|
|
563
|
+
gradientUnits="userSpaceOnUse"
|
|
564
|
+
>
|
|
565
|
+
<stop stop-color="#99E6FC" />
|
|
566
|
+
<stop offset="1" stop-color="#2ED1E2" />
|
|
567
|
+
</linearGradient>
|
|
568
|
+
<linearGradient
|
|
569
|
+
id="paint27_linear_1166_24092"
|
|
570
|
+
x1="14.1609"
|
|
571
|
+
y1="16.2486"
|
|
572
|
+
x2="15.8958"
|
|
573
|
+
y2="17.9835"
|
|
574
|
+
gradientUnits="userSpaceOnUse"
|
|
575
|
+
>
|
|
576
|
+
<stop stop-color="#017BAE" stop-opacity="0" />
|
|
577
|
+
<stop offset="0.1152" stop-color="#017BAE" stop-opacity="0.038" />
|
|
578
|
+
<stop offset="0.2787" stop-color="#017BAE" stop-opacity="0.145" />
|
|
579
|
+
<stop offset="0.471" stop-color="#017BAE" stop-opacity="0.321" />
|
|
580
|
+
<stop offset="0.6854" stop-color="#017BAE" stop-opacity="0.565" />
|
|
581
|
+
<stop offset="0.9152" stop-color="#017BAE" stop-opacity="0.875" />
|
|
582
|
+
<stop offset="1" stop-color="#017BAE" />
|
|
583
|
+
</linearGradient>
|
|
584
|
+
<linearGradient
|
|
585
|
+
id="paint28_linear_1166_24092"
|
|
586
|
+
x1="9.70768"
|
|
587
|
+
y1="9.50746"
|
|
588
|
+
x2="10.296"
|
|
589
|
+
y2="9.50746"
|
|
590
|
+
gradientUnits="userSpaceOnUse"
|
|
591
|
+
>
|
|
592
|
+
<stop stop-color="#3E5959" />
|
|
593
|
+
<stop offset="0.42" stop-color="#3F5152" />
|
|
594
|
+
<stop offset="1" stop-color="#433F43" />
|
|
595
|
+
</linearGradient>
|
|
596
|
+
<linearGradient
|
|
597
|
+
id="paint29_linear_1166_24092"
|
|
598
|
+
x1="9.58961"
|
|
599
|
+
y1="11.6773"
|
|
600
|
+
x2="10.4578"
|
|
601
|
+
y2="12.5455"
|
|
602
|
+
gradientUnits="userSpaceOnUse"
|
|
603
|
+
>
|
|
604
|
+
<stop stop-color="#FEF0AE" />
|
|
605
|
+
<stop offset="1" stop-color="#FAC600" />
|
|
606
|
+
</linearGradient>
|
|
607
|
+
<linearGradient
|
|
608
|
+
id="paint30_linear_1166_24092"
|
|
609
|
+
x1="10.0092"
|
|
610
|
+
y1="12.0887"
|
|
611
|
+
x2="10.9859"
|
|
612
|
+
y2="12.365"
|
|
613
|
+
gradientUnits="userSpaceOnUse"
|
|
614
|
+
>
|
|
615
|
+
<stop stop-color="#FE9738" stop-opacity="0" />
|
|
616
|
+
<stop offset="0.1025" stop-color="#FE9738" stop-opacity="0.02" />
|
|
617
|
+
<stop offset="0.2265" stop-color="#FE9738" stop-opacity="0.078" />
|
|
618
|
+
<stop offset="0.3615" stop-color="#FE9738" stop-opacity="0.175" />
|
|
619
|
+
<stop offset="0.5046" stop-color="#FE9738" stop-opacity="0.31" />
|
|
620
|
+
<stop offset="0.6539" stop-color="#FE9738" stop-opacity="0.483" />
|
|
621
|
+
<stop offset="0.8085" stop-color="#FE9738" stop-opacity="0.695" />
|
|
622
|
+
<stop offset="0.9645" stop-color="#FE9738" stop-opacity="0.94" />
|
|
623
|
+
<stop offset="1" stop-color="#FE9738" />
|
|
624
|
+
</linearGradient>
|
|
625
|
+
<linearGradient
|
|
626
|
+
id="paint31_linear_1166_24092"
|
|
627
|
+
x1="10"
|
|
628
|
+
y1="12.2479"
|
|
629
|
+
x2="10"
|
|
630
|
+
y2="13.1137"
|
|
631
|
+
gradientUnits="userSpaceOnUse"
|
|
632
|
+
>
|
|
633
|
+
<stop stop-color="#FE9738" stop-opacity="0" />
|
|
634
|
+
<stop offset="0.1025" stop-color="#FE9738" stop-opacity="0.02" />
|
|
635
|
+
<stop offset="0.2265" stop-color="#FE9738" stop-opacity="0.078" />
|
|
636
|
+
<stop offset="0.3615" stop-color="#FE9738" stop-opacity="0.175" />
|
|
637
|
+
<stop offset="0.5046" stop-color="#FE9738" stop-opacity="0.31" />
|
|
638
|
+
<stop offset="0.6539" stop-color="#FE9738" stop-opacity="0.483" />
|
|
639
|
+
<stop offset="0.8085" stop-color="#FE9738" stop-opacity="0.695" />
|
|
640
|
+
<stop offset="0.9645" stop-color="#FE9738" stop-opacity="0.94" />
|
|
641
|
+
<stop offset="1" stop-color="#FE9738" />
|
|
642
|
+
</linearGradient>
|
|
643
|
+
<linearGradient
|
|
644
|
+
id="paint32_linear_1166_24092"
|
|
645
|
+
x1="10.4616"
|
|
646
|
+
y1="12.5493"
|
|
647
|
+
x2="10.8754"
|
|
648
|
+
y2="12.963"
|
|
649
|
+
gradientUnits="userSpaceOnUse"
|
|
650
|
+
>
|
|
651
|
+
<stop stop-color="#FEF0AE" stop-opacity="0" />
|
|
652
|
+
<stop offset="0.0979226" stop-color="#FEF0AE" stop-opacity="0.021" />
|
|
653
|
+
<stop offset="0.2219" stop-color="#FEF0AF" stop-opacity="0.083" />
|
|
654
|
+
<stop offset="0.3599" stop-color="#FEF0B2" stop-opacity="0.185" />
|
|
655
|
+
<stop offset="0.5083" stop-color="#FEF1B5" stop-opacity="0.327" />
|
|
656
|
+
<stop offset="0.6648" stop-color="#FEF2BA" stop-opacity="0.509" />
|
|
657
|
+
<stop offset="0.8281" stop-color="#FEF3BF" stop-opacity="0.732" />
|
|
658
|
+
<stop offset="0.9942" stop-color="#FEF4C5" stop-opacity="0.991" />
|
|
659
|
+
<stop offset="1" stop-color="#FFF5C6" />
|
|
660
|
+
</linearGradient>
|
|
661
|
+
<linearGradient
|
|
662
|
+
id="paint33_linear_1166_24092"
|
|
663
|
+
x1="11.9194"
|
|
664
|
+
y1="9.21699"
|
|
665
|
+
x2="15.0572"
|
|
666
|
+
y2="11.938"
|
|
667
|
+
gradientUnits="userSpaceOnUse"
|
|
668
|
+
>
|
|
669
|
+
<stop stop-color="#A72B2B" stop-opacity="0" />
|
|
670
|
+
<stop offset="0.1285" stop-color="#A52A2B" stop-opacity="0.07" />
|
|
671
|
+
<stop offset="0.352" stop-color="#A2292E" stop-opacity="0.259" />
|
|
672
|
+
<stop offset="0.6437" stop-color="#9D2731" stop-opacity="0.566" />
|
|
673
|
+
<stop offset="0.9892" stop-color="#972436" stop-opacity="0.986" />
|
|
674
|
+
<stop offset="1" stop-color="#972437" />
|
|
675
|
+
</linearGradient>
|
|
676
|
+
<linearGradient
|
|
677
|
+
id="paint34_linear_1166_24092"
|
|
678
|
+
x1="13.9759"
|
|
679
|
+
y1="11.6468"
|
|
680
|
+
x2="12.6289"
|
|
681
|
+
y2="7.74977"
|
|
682
|
+
gradientUnits="userSpaceOnUse"
|
|
683
|
+
>
|
|
684
|
+
<stop stop-color="#A72B2B" stop-opacity="0" />
|
|
685
|
+
<stop offset="0.1285" stop-color="#A52A2B" stop-opacity="0.07" />
|
|
686
|
+
<stop offset="0.352" stop-color="#A2292E" stop-opacity="0.259" />
|
|
687
|
+
<stop offset="0.6437" stop-color="#9D2731" stop-opacity="0.566" />
|
|
688
|
+
<stop offset="0.9892" stop-color="#972436" stop-opacity="0.986" />
|
|
689
|
+
<stop offset="1" stop-color="#972437" />
|
|
690
|
+
</linearGradient>
|
|
691
|
+
<linearGradient
|
|
692
|
+
id="paint35_linear_1166_24092"
|
|
693
|
+
x1="18.4984"
|
|
694
|
+
y1="10.9052"
|
|
695
|
+
x2="14.6014"
|
|
696
|
+
y2="9.55821"
|
|
697
|
+
gradientUnits="userSpaceOnUse"
|
|
698
|
+
>
|
|
699
|
+
<stop stop-color="#A72B2B" stop-opacity="0" />
|
|
700
|
+
<stop offset="0.1285" stop-color="#A52A2B" stop-opacity="0.07" />
|
|
701
|
+
<stop offset="0.352" stop-color="#A2292E" stop-opacity="0.259" />
|
|
702
|
+
<stop offset="0.6437" stop-color="#9D2731" stop-opacity="0.566" />
|
|
703
|
+
<stop offset="0.9892" stop-color="#972436" stop-opacity="0.986" />
|
|
704
|
+
<stop offset="1" stop-color="#972437" />
|
|
705
|
+
</linearGradient>
|
|
706
|
+
</defs>
|
|
707
|
+
</svg>
|
|
708
|
+
);
|
|
709
|
+
};
|
|
710
|
+
|
|
711
|
+
export default TimerIcon;
|
|
@@ -62,6 +62,7 @@ import { PeoplexIcon } from './IconComponents/PeoplexIcon';
|
|
|
62
62
|
import { ProductFeaturesIcon } from './IconComponents/ProductFeaturesIcon';
|
|
63
63
|
import { ProfileIcon } from './IconComponents/ProfileIcon';
|
|
64
64
|
import { QuestionsIcon } from './IconComponents/QuestionsIcon';
|
|
65
|
+
import QuizIcon from './IconComponents/QuizIcon';
|
|
65
66
|
import { RedirectIcon } from './IconComponents/RedirectIcon';
|
|
66
67
|
import { RedoIcon } from './IconComponents/RedoIcon';
|
|
67
68
|
import { ResourcesIcon } from './IconComponents/ResourcesIcon';
|
|
@@ -78,6 +79,7 @@ import { TasksIcon } from './IconComponents/TasksIcon';
|
|
|
78
79
|
import { TextLocalIcon } from './IconComponents/TextLocalIcon';
|
|
79
80
|
import { TicketsIcon } from './IconComponents/TicketsIcon';
|
|
80
81
|
import { TimeTableIcon } from './IconComponents/TimeTableIcon';
|
|
82
|
+
import TimerIcon from './IconComponents/TimerIcon';
|
|
81
83
|
import { UmsIcon } from './IconComponents/UmsIcon';
|
|
82
84
|
import { UnCheckedCheckboxIcon } from './IconComponents/UncheckCheckBoxIcon';
|
|
83
85
|
import { UnCheckedRadioIcon } from './IconComponents/UncheckedRadioIcon';
|
|
@@ -178,4 +180,6 @@ export const Icons = {
|
|
|
178
180
|
AttendanceIcon,
|
|
179
181
|
ResourcesIcon,
|
|
180
182
|
TimeTableIcon,
|
|
183
|
+
TimerIcon,
|
|
184
|
+
QuizIcon,
|
|
181
185
|
};
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from '@mui/material';
|
|
10
10
|
import { Variant } from '@mui/material/styles/createTypography';
|
|
11
11
|
import { ReactNode } from 'react';
|
|
12
|
-
import { DropDownIcon, DropdownMenu
|
|
12
|
+
import { DropDownIcon, DropdownMenu } from '../../export';
|
|
13
13
|
import {
|
|
14
14
|
StyledButton,
|
|
15
15
|
StyledCardActions,
|
|
@@ -46,8 +46,7 @@ export interface CardProps {
|
|
|
46
46
|
imageSrc?: string;
|
|
47
47
|
titleImgIcon?: ReactNode;
|
|
48
48
|
checkBox?: boolean;
|
|
49
|
-
|
|
50
|
-
switchProps?: SwitchProps;
|
|
49
|
+
|
|
51
50
|
moreOptions?: boolean;
|
|
52
51
|
menu?: Array<ReactNode>;
|
|
53
52
|
icon?: ReactNode;
|
|
@@ -64,7 +63,7 @@ export const Card = ({
|
|
|
64
63
|
footer,
|
|
65
64
|
fields,
|
|
66
65
|
imageSrc,
|
|
67
|
-
|
|
66
|
+
|
|
68
67
|
statusSx,
|
|
69
68
|
cardSx,
|
|
70
69
|
headerSx,
|
|
@@ -78,8 +77,6 @@ export const Card = ({
|
|
|
78
77
|
icon,
|
|
79
78
|
children,
|
|
80
79
|
menu = [],
|
|
81
|
-
switchProps,
|
|
82
|
-
hasSwitch,
|
|
83
80
|
}: CardProps) => {
|
|
84
81
|
const handleClick = (e: any) => {
|
|
85
82
|
footer?.onClick();
|
|
@@ -110,7 +107,6 @@ export const Card = ({
|
|
|
110
107
|
</Stack>
|
|
111
108
|
</Stack>
|
|
112
109
|
<Stack flexDirection={'row'} gap={'12px'} alignItems={'center'}>
|
|
113
|
-
{hasSwitch && <Switch {...switchProps} />}
|
|
114
110
|
{status && (
|
|
115
111
|
<StyledStatusText variant="label2" sx={statusSx}>
|
|
116
112
|
{status}{' '}
|
|
@@ -144,6 +144,18 @@ export const EditableTableCore = (props: EditableDataTableProps) => {
|
|
|
144
144
|
borderColor: theme.palette.primary.main,
|
|
145
145
|
},
|
|
146
146
|
},
|
|
147
|
+
'& .MuiOutlinedInput-root': {
|
|
148
|
+
fieldset: {
|
|
149
|
+
top: '0px !important',
|
|
150
|
+
},
|
|
151
|
+
},
|
|
152
|
+
'& .MuiAutocomplete-input': {
|
|
153
|
+
border: 'none',
|
|
154
|
+
},
|
|
155
|
+
|
|
156
|
+
'& .MuiOutlinedInput-input': {
|
|
157
|
+
padding: '8px 14px',
|
|
158
|
+
},
|
|
147
159
|
}}
|
|
148
160
|
{...props}
|
|
149
161
|
rows={rows}
|
|
@@ -33,6 +33,7 @@ export type SingleSelectProps = {
|
|
|
33
33
|
label?: string;
|
|
34
34
|
name?: string;
|
|
35
35
|
getValue?: (option: any) => any;
|
|
36
|
+
dbValueKey?: string;
|
|
36
37
|
onChange: (value: any) => void;
|
|
37
38
|
error?: any;
|
|
38
39
|
helperText?: string;
|
|
@@ -71,8 +72,8 @@ enum SingleSelectActionsTypes {
|
|
|
71
72
|
CLOSE = 'close',
|
|
72
73
|
LOAD_INTERNAL_OPTIONS_START = 'load_internal_options_start',
|
|
73
74
|
LOAD_INTERNAL_OPTIONS_END = 'load_internal_options_end',
|
|
74
|
-
|
|
75
|
-
|
|
75
|
+
LOAD_SELECTED_OPTIONS_START = 'load_selected_options_start',
|
|
76
|
+
LOAD_SELECTED_OPTIONS_END = 'load_selected_options_end',
|
|
76
77
|
SET_NETWORK_ERROR = 'set_network_error',
|
|
77
78
|
SET_INTERNAL_OPTIONS = 'set_internal_options',
|
|
78
79
|
APPEND_INTERNAL_OPTIONS = 'append_internal_options',
|
|
@@ -98,10 +99,10 @@ const singleSelectReducer = (
|
|
|
98
99
|
case SingleSelectActionsTypes.LOAD_INTERNAL_OPTIONS_END: {
|
|
99
100
|
return { ...state, loadingInternalOptions: false };
|
|
100
101
|
}
|
|
101
|
-
case SingleSelectActionsTypes.
|
|
102
|
+
case SingleSelectActionsTypes.LOAD_SELECTED_OPTIONS_START: {
|
|
102
103
|
return { ...state, loadingInitialInternalOptions: true };
|
|
103
104
|
}
|
|
104
|
-
case SingleSelectActionsTypes.
|
|
105
|
+
case SingleSelectActionsTypes.LOAD_SELECTED_OPTIONS_END: {
|
|
105
106
|
return { ...state, loadingInitialInternalOptions: false };
|
|
106
107
|
}
|
|
107
108
|
case SingleSelectActionsTypes.SET_NETWORK_ERROR: {
|
|
@@ -125,7 +126,7 @@ const singleSelectReducer = (
|
|
|
125
126
|
},
|
|
126
127
|
loadingInternalOptions: false,
|
|
127
128
|
limit: state.limit,
|
|
128
|
-
offset: state.offset + 10,
|
|
129
|
+
offset: state.offset + (stateChanges?.persistOffset ? 0 : 10),
|
|
129
130
|
};
|
|
130
131
|
}
|
|
131
132
|
case SingleSelectActionsTypes.CHANGE_HAS_MORE_FLAG: {
|
|
@@ -152,6 +153,7 @@ export const SingleSelect = ({
|
|
|
152
153
|
onChange,
|
|
153
154
|
error,
|
|
154
155
|
helperText,
|
|
156
|
+
dbValueKey = 'id',
|
|
155
157
|
onOpen,
|
|
156
158
|
onClose,
|
|
157
159
|
...restProps
|
|
@@ -186,7 +188,7 @@ export const SingleSelect = ({
|
|
|
186
188
|
dispatch({
|
|
187
189
|
actionType: SingleSelectActionsTypes.OPEN,
|
|
188
190
|
});
|
|
189
|
-
if (optionsApiEndPoint &&
|
|
191
|
+
if (optionsApiEndPoint && internalOptions.length <= 1) {
|
|
190
192
|
try {
|
|
191
193
|
dispatch({
|
|
192
194
|
actionType: SingleSelectActionsTypes.LOAD_INTERNAL_OPTIONS_START,
|
|
@@ -196,18 +198,32 @@ export const SingleSelect = ({
|
|
|
196
198
|
params: {
|
|
197
199
|
limit,
|
|
198
200
|
offset,
|
|
201
|
+
selectedValueData: value,
|
|
202
|
+
dbValueKey,
|
|
199
203
|
...optionsApiEndpointParams,
|
|
200
204
|
},
|
|
201
205
|
})
|
|
202
206
|
.then((res) => res.data);
|
|
203
207
|
await sleep(700);
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
208
|
+
|
|
209
|
+
if (internalOptions.length) {
|
|
210
|
+
dispatch({
|
|
211
|
+
actionType: SingleSelectActionsTypes.APPEND_INTERNAL_OPTIONS,
|
|
212
|
+
stateChanges: {
|
|
213
|
+
newOptions: options,
|
|
214
|
+
internalOptionsMap: generateOptionsMap(options),
|
|
215
|
+
persistOffset: true,
|
|
216
|
+
},
|
|
217
|
+
});
|
|
218
|
+
} else {
|
|
219
|
+
dispatch({
|
|
220
|
+
actionType: SingleSelectActionsTypes.SET_INTERNAL_OPTIONS,
|
|
221
|
+
stateChanges: {
|
|
222
|
+
internalOptions: options,
|
|
223
|
+
internalOptionsMap: generateOptionsMap(options),
|
|
224
|
+
},
|
|
225
|
+
});
|
|
226
|
+
}
|
|
211
227
|
} catch (e) {
|
|
212
228
|
dispatch({
|
|
213
229
|
actionType: SingleSelectActionsTypes.SET_NETWORK_ERROR,
|
|
@@ -253,6 +269,9 @@ export const SingleSelect = ({
|
|
|
253
269
|
params: {
|
|
254
270
|
limit: limit,
|
|
255
271
|
offset: offset + 10,
|
|
272
|
+
selectedValueData: value,
|
|
273
|
+
dbValueKey,
|
|
274
|
+
...optionsApiEndpointParams,
|
|
256
275
|
},
|
|
257
276
|
})
|
|
258
277
|
.then((res) => res.data);
|
|
@@ -266,19 +285,26 @@ export const SingleSelect = ({
|
|
|
266
285
|
actionType: SingleSelectActionsTypes.APPEND_INTERNAL_OPTIONS,
|
|
267
286
|
stateChanges: {
|
|
268
287
|
newOptions: newOptions,
|
|
288
|
+
|
|
269
289
|
internalOptionsMap: generateOptionsMap(newOptions),
|
|
270
290
|
},
|
|
271
291
|
});
|
|
272
292
|
}
|
|
273
293
|
};
|
|
274
294
|
|
|
275
|
-
const
|
|
295
|
+
const loadSelectedOptions = async () => {
|
|
276
296
|
dispatch({
|
|
277
|
-
actionType: SingleSelectActionsTypes.
|
|
297
|
+
actionType: SingleSelectActionsTypes.LOAD_SELECTED_OPTIONS_START,
|
|
278
298
|
});
|
|
279
299
|
try {
|
|
280
300
|
const res = await internalAxios.get(optionsApiEndPoint ?? '', {
|
|
281
|
-
params: {
|
|
301
|
+
params: {
|
|
302
|
+
limit,
|
|
303
|
+
offset,
|
|
304
|
+
selectedValueData: value,
|
|
305
|
+
dbValueKey,
|
|
306
|
+
filterBySelectedValues: true,
|
|
307
|
+
},
|
|
282
308
|
});
|
|
283
309
|
dispatch({
|
|
284
310
|
actionType: SingleSelectActionsTypes.SET_INTERNAL_OPTIONS,
|
|
@@ -298,10 +324,9 @@ export const SingleSelect = ({
|
|
|
298
324
|
|
|
299
325
|
useEffect(() => {
|
|
300
326
|
if (value && optionsApiEndPoint) {
|
|
301
|
-
|
|
327
|
+
loadSelectedOptions().finally(() => {
|
|
302
328
|
dispatch({
|
|
303
|
-
actionType:
|
|
304
|
-
SingleSelectActionsTypes.LOAD_INITIAL_INTERNAL_OPTIONS_END,
|
|
329
|
+
actionType: SingleSelectActionsTypes.LOAD_SELECTED_OPTIONS_END,
|
|
305
330
|
});
|
|
306
331
|
});
|
|
307
332
|
}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import { Box, BoxProps, styled } from '@mui/material';
|
|
2
2
|
|
|
3
|
-
const
|
|
4
|
-
padding: '1rem',
|
|
5
|
-
flex: 1,
|
|
3
|
+
const PageContentContainer = styled(Box)(({ theme }) => ({
|
|
6
4
|
display: 'flex',
|
|
7
5
|
flexDirection: 'column',
|
|
8
|
-
borderRadius: '10px',
|
|
9
6
|
overflowY: 'auto',
|
|
7
|
+
padding: '16px',
|
|
8
|
+
gap: '16px',
|
|
10
9
|
backgroundColor: theme.palette.surface.paperBackground,
|
|
11
|
-
height: '
|
|
10
|
+
height: 'calc(100vh - 148px)',
|
|
11
|
+
width: '100%',
|
|
12
|
+
borderRadius: '8px',
|
|
12
13
|
}));
|
|
13
14
|
|
|
14
|
-
export
|
|
15
|
-
return
|
|
16
|
-
}
|
|
15
|
+
export const PageContent = (props: BoxProps) => {
|
|
16
|
+
return (
|
|
17
|
+
<PageContentContainer {...props}>{props.children}</PageContentContainer>
|
|
18
|
+
);
|
|
19
|
+
};
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export * from './AppHeader/AppHeader';
|
|
2
|
+
export * from './PageContent/PageContent';
|
|
4
3
|
export * from './PageHeader/components/DensitySelector/DensitySelector';
|
|
5
|
-
|
|
6
|
-
export { AppHeader, TabsLayout };
|
|
4
|
+
export * from './TabsLayout/TabsLayout';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Box, Tab, TabProps, Tabs, TabsProps } from '@mui/material';
|
|
1
|
+
import { Box, styled, Tab, TabProps, Tabs, TabsProps } from '@mui/material';
|
|
2
2
|
import { ChangeEvent, useEffect, useState } from 'react';
|
|
3
3
|
|
|
4
4
|
interface CustomTabProps extends Omit<TabProps, 'component'> {
|
|
@@ -14,6 +14,12 @@ export interface TabsContainerProps {
|
|
|
14
14
|
tabsProps: TabsProps;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
const TabContent = styled(Box)(({ theme }) => ({
|
|
18
|
+
width: '100%',
|
|
19
|
+
height: 'calc(100vh - 200px)',
|
|
20
|
+
backgroundColor: theme.palette.surface.paperBackground,
|
|
21
|
+
}));
|
|
22
|
+
|
|
17
23
|
export const TabsContainer = ({
|
|
18
24
|
tabs,
|
|
19
25
|
onTabChange,
|
|
@@ -52,7 +58,9 @@ export const TabsContainer = ({
|
|
|
52
58
|
/>
|
|
53
59
|
))}
|
|
54
60
|
</Tabs>
|
|
55
|
-
<
|
|
61
|
+
<TabContent>
|
|
62
|
+
{tabs.find((tab) => tab?.key === currentTab)?.component}
|
|
63
|
+
</TabContent>
|
|
56
64
|
</>
|
|
57
65
|
);
|
|
58
66
|
};
|
|
@@ -112,7 +112,7 @@ export const getCommonTheme = (mode: Theme) => {
|
|
|
112
112
|
styleOverrides: {
|
|
113
113
|
root: {
|
|
114
114
|
borderRadius: '10px',
|
|
115
|
-
padding: '0px',
|
|
115
|
+
// padding: '0px',
|
|
116
116
|
},
|
|
117
117
|
},
|
|
118
118
|
},
|
|
@@ -310,9 +310,6 @@ export const getCommonTheme = (mode: Theme) => {
|
|
|
310
310
|
'& input:-webkit-autofill': {
|
|
311
311
|
height: '7px',
|
|
312
312
|
},
|
|
313
|
-
fieldset: {
|
|
314
|
-
top: '0px',
|
|
315
|
-
},
|
|
316
313
|
minWidth: '200px',
|
|
317
314
|
},
|
|
318
315
|
},
|
|
@@ -446,6 +443,8 @@ export const getCommonTheme = (mode: Theme) => {
|
|
|
446
443
|
root: {
|
|
447
444
|
'& .MuiTabs-flexContainer': {
|
|
448
445
|
borderBottom: `1px solid ${ColorTokens.border.primary}`,
|
|
446
|
+
backgroundColor: ColorTokens.surface.paperBackground,
|
|
447
|
+
borderRadius: '8px 8px 0px 0px',
|
|
449
448
|
},
|
|
450
449
|
},
|
|
451
450
|
indicator: {
|