l-min-components 1.0.539 → 1.0.545
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/assets/adminSvg/accountsIcon.jsx +54 -0
- package/src/assets/adminSvg/managers.jsx +38 -0
- package/src/assets/adminSvg/requestsIcon.jsx +36 -0
- package/src/components/AdminSidebar/index.styled.js +1 -0
- package/src/components/header/login-header.jsx +5 -1
- package/src/components/searchBar/index.jsx +2 -1
- package/src/hooks/adminSideMenuItems.jsx +78 -19
package/package.json
CHANGED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const AccountsIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<g clip-path="url(#clip0_5765_96946)">
|
|
11
|
+
<path
|
|
12
|
+
d="M12 2.63672C6.48 2.63672 2 7.11672 2 12.6367C2 18.1567 6.48 22.6367 12 22.6367C17.52 22.6367 22 18.1567 22 12.6367C22 7.11672 17.52 2.63672 12 2.63672ZM7.07 18.9167C7.5 18.0167 10.12 17.1367 12 17.1367C13.88 17.1367 16.51 18.0167 16.93 18.9167C15.57 19.9967 13.86 20.6367 12 20.6367C10.14 20.6367 8.43 19.9967 7.07 18.9167ZM18.36 17.4667C16.93 15.7267 13.46 15.1367 12 15.1367C10.54 15.1367 7.07 15.7267 5.64 17.4667C4.62 16.1267 4 14.4567 4 12.6367C4 8.22672 7.59 4.63672 12 4.63672C16.41 4.63672 20 8.22672 20 12.6367C20 14.4567 19.38 16.1267 18.36 17.4667ZM12 6.63672C10.06 6.63672 8.5 8.19672 8.5 10.1367C8.5 12.0767 10.06 13.6367 12 13.6367C13.94 13.6367 15.5 12.0767 15.5 10.1367C15.5 8.19672 13.94 6.63672 12 6.63672ZM12 11.6367C11.17 11.6367 10.5 10.9667 10.5 10.1367C10.5 9.30672 11.17 8.63672 12 8.63672C12.83 8.63672 13.5 9.30672 13.5 10.1367C13.5 10.9667 12.83 11.6367 12 11.6367Z"
|
|
13
|
+
fill="#636666"
|
|
14
|
+
/>
|
|
15
|
+
</g>
|
|
16
|
+
<defs>
|
|
17
|
+
<clipPath id="clip0_5765_96946">
|
|
18
|
+
<rect
|
|
19
|
+
width="24"
|
|
20
|
+
height="24"
|
|
21
|
+
fill="white"
|
|
22
|
+
transform="translate(0 0.636719)"
|
|
23
|
+
/>
|
|
24
|
+
</clipPath>
|
|
25
|
+
</defs>
|
|
26
|
+
</svg>
|
|
27
|
+
);
|
|
28
|
+
|
|
29
|
+
export const AccountsIconActive = ({ width, height, fill }) => (
|
|
30
|
+
<svg
|
|
31
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
+
width="24"
|
|
33
|
+
height="25"
|
|
34
|
+
viewBox="0 0 24 25"
|
|
35
|
+
fill="none"
|
|
36
|
+
>
|
|
37
|
+
<g clip-path="url(#clip0_5765_96946)">
|
|
38
|
+
<path
|
|
39
|
+
d="M12 2.63672C6.48 2.63672 2 7.11672 2 12.6367C2 18.1567 6.48 22.6367 12 22.6367C17.52 22.6367 22 18.1567 22 12.6367C22 7.11672 17.52 2.63672 12 2.63672ZM7.07 18.9167C7.5 18.0167 10.12 17.1367 12 17.1367C13.88 17.1367 16.51 18.0167 16.93 18.9167C15.57 19.9967 13.86 20.6367 12 20.6367C10.14 20.6367 8.43 19.9967 7.07 18.9167ZM18.36 17.4667C16.93 15.7267 13.46 15.1367 12 15.1367C10.54 15.1367 7.07 15.7267 5.64 17.4667C4.62 16.1267 4 14.4567 4 12.6367C4 8.22672 7.59 4.63672 12 4.63672C16.41 4.63672 20 8.22672 20 12.6367C20 14.4567 19.38 16.1267 18.36 17.4667ZM12 6.63672C10.06 6.63672 8.5 8.19672 8.5 10.1367C8.5 12.0767 10.06 13.6367 12 13.6367C13.94 13.6367 15.5 12.0767 15.5 10.1367C15.5 8.19672 13.94 6.63672 12 6.63672ZM12 11.6367C11.17 11.6367 10.5 10.9667 10.5 10.1367C10.5 9.30672 11.17 8.63672 12 8.63672C12.83 8.63672 13.5 9.30672 13.5 10.1367C13.5 10.9667 12.83 11.6367 12 11.6367Z"
|
|
40
|
+
fill="#fff"
|
|
41
|
+
/>
|
|
42
|
+
</g>
|
|
43
|
+
<defs>
|
|
44
|
+
<clipPath id="clip0_5765_96946">
|
|
45
|
+
<rect
|
|
46
|
+
width="24"
|
|
47
|
+
height="24"
|
|
48
|
+
fill="white"
|
|
49
|
+
transform="translate(0 0.636719)"
|
|
50
|
+
/>
|
|
51
|
+
</clipPath>
|
|
52
|
+
</defs>
|
|
53
|
+
</svg>
|
|
54
|
+
);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const ManagersIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M12 14.6367C14.2091 14.6367 16 12.8459 16 10.6367C16 8.42758 14.2091 6.63672 12 6.63672C9.79086 6.63672 8 8.42758 8 10.6367C8 12.8459 9.79086 14.6367 12 14.6367ZM12 8.63672C13.1046 8.63672 14 9.53215 14 10.6367C14 11.7413 13.1046 12.6367 12 12.6367C10.8954 12.6367 10 11.7413 10 10.6367C10 9.53215 10.8954 8.63672 12 8.63672Z"
|
|
12
|
+
fill="#636666"
|
|
13
|
+
/>
|
|
14
|
+
<path
|
|
15
|
+
d="M4 22.6367C2.89543 22.6367 2 21.7413 2 20.6367V4.63672C2 3.53215 2.89543 2.63672 4 2.63672H20C21.1046 2.63672 22 3.53215 22 4.63672V20.6367C22 21.7413 21.1046 22.6367 20 22.6367H4ZM4 4.63672V20.6367H7C7 17.8753 9.23858 15.6367 12 15.6367C14.7614 15.6367 17 17.8753 17 20.6367H20V4.63672H4ZM15 20.6367C15 18.9799 13.6569 17.6367 12 17.6367C10.3431 17.6367 9 18.9799 9 20.6367H15Z"
|
|
16
|
+
fill="#636666"
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
20
|
+
|
|
21
|
+
export const ManagersIconActive = ({ width, height, fill }) => (
|
|
22
|
+
<svg
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
width="24"
|
|
25
|
+
height="25"
|
|
26
|
+
viewBox="0 0 24 25"
|
|
27
|
+
fill="none"
|
|
28
|
+
>
|
|
29
|
+
<path
|
|
30
|
+
d="M12 14.6367C14.2091 14.6367 16 12.8459 16 10.6367C16 8.42758 14.2091 6.63672 12 6.63672C9.79086 6.63672 8 8.42758 8 10.6367C8 12.8459 9.79086 14.6367 12 14.6367ZM12 8.63672C13.1046 8.63672 14 9.53215 14 10.6367C14 11.7413 13.1046 12.6367 12 12.6367C10.8954 12.6367 10 11.7413 10 10.6367C10 9.53215 10.8954 8.63672 12 8.63672Z"
|
|
31
|
+
fill="#fff"
|
|
32
|
+
/>
|
|
33
|
+
<path
|
|
34
|
+
d="M4 22.6367C2.89543 22.6367 2 21.7413 2 20.6367V4.63672C2 3.53215 2.89543 2.63672 4 2.63672H20C21.1046 2.63672 22 3.53215 22 4.63672V20.6367C22 21.7413 21.1046 22.6367 20 22.6367H4ZM4 4.63672V20.6367H7C7 17.8753 9.23858 15.6367 12 15.6367C14.7614 15.6367 17 17.8753 17 20.6367H20V4.63672H4ZM15 20.6367C15 18.9799 13.6569 17.6367 12 17.6367C10.3431 17.6367 9 18.9799 9 20.6367H15Z"
|
|
35
|
+
fill="#fff"
|
|
36
|
+
/>
|
|
37
|
+
</svg>
|
|
38
|
+
);
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const RequestsIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M9 12.6367H15M9 16.6367H15M17 21.6367H7C5.89543 21.6367 5 20.7413 5 19.6367V5.63672C5 4.53215 5.89543 3.63672 7 3.63672H12.5858C12.851 3.63672 13.1054 3.74208 13.2929 3.92961L18.7071 9.34383C18.8946 9.53136 19 9.78572 19 10.0509V19.6367C19 20.7413 18.1046 21.6367 17 21.6367Z"
|
|
12
|
+
stroke="#636666"
|
|
13
|
+
stroke-width="2"
|
|
14
|
+
stroke-linecap="round"
|
|
15
|
+
stroke-linejoin="round"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export const RequestsIconActive = ({ width, height, fill }) => (
|
|
21
|
+
<svg
|
|
22
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
23
|
+
width="24"
|
|
24
|
+
height="25"
|
|
25
|
+
viewBox="0 0 24 25"
|
|
26
|
+
fill="none"
|
|
27
|
+
>
|
|
28
|
+
<path
|
|
29
|
+
d="M9 12.6367H15M9 16.6367H15M17 21.6367H7C5.89543 21.6367 5 20.7413 5 19.6367V5.63672C5 4.53215 5.89543 3.63672 7 3.63672H12.5858C12.851 3.63672 13.1054 3.74208 13.2929 3.92961L18.7071 9.34383C18.8946 9.53136 19 9.78572 19 10.0509V19.6367C19 20.7413 18.1046 21.6367 17 21.6367Z"
|
|
30
|
+
stroke="#fff"
|
|
31
|
+
stroke-width="2"
|
|
32
|
+
stroke-linecap="round"
|
|
33
|
+
stroke-linejoin="round"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
@@ -37,6 +37,10 @@ const HeaderComponentTwo = (props) => {
|
|
|
37
37
|
|
|
38
38
|
const containerRef = useRef(null);
|
|
39
39
|
|
|
40
|
+
const handleLogoClick = () => {
|
|
41
|
+
window.location.href = 'https://learngual.com/';
|
|
42
|
+
};
|
|
43
|
+
|
|
40
44
|
useEffect(() => {
|
|
41
45
|
const handleClickOutside = (event) => {
|
|
42
46
|
if (
|
|
@@ -59,7 +63,7 @@ const HeaderComponentTwo = (props) => {
|
|
|
59
63
|
setLanguageDropdown();
|
|
60
64
|
}}
|
|
61
65
|
>
|
|
62
|
-
<img src={logo} alt="Learngual logo" />
|
|
66
|
+
<img src={logo} alt="Learngual logo" onClick={handleLogoClick} />
|
|
63
67
|
{/* <Nav2>
|
|
64
68
|
<li>
|
|
65
69
|
<a href="#" className="active">
|
|
@@ -20,6 +20,7 @@ const SearchBar = ({
|
|
|
20
20
|
asyncResult,
|
|
21
21
|
inFilter,
|
|
22
22
|
outFilter,
|
|
23
|
+
searchIcon,
|
|
23
24
|
debounceDelay = 500, // Default debounce delay
|
|
24
25
|
...restProps
|
|
25
26
|
}) => {
|
|
@@ -66,7 +67,7 @@ const SearchBar = ({
|
|
|
66
67
|
e.preventDefault();
|
|
67
68
|
onSubmit(searchValue);
|
|
68
69
|
}}>
|
|
69
|
-
<SearchSvg />
|
|
70
|
+
{searchIcon || <SearchSvg />}
|
|
70
71
|
</SearchIcon>
|
|
71
72
|
|
|
72
73
|
<SearchInput
|
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
DashboardIcon,
|
|
4
|
+
DashboardIconActive,
|
|
5
|
+
} from "../assets/adminSvg/dashboardIcon";
|
|
3
6
|
import { CmsIcon, CmsIconActive } from "../assets/adminSvg/cmsIcon";
|
|
4
7
|
import { AlertIcon, AlertIconActive } from "../assets/adminSvg/alertIcon";
|
|
5
|
-
import {
|
|
8
|
+
import {
|
|
9
|
+
AnalyticsIcon,
|
|
10
|
+
AnalyticsIconActive,
|
|
11
|
+
} from "../assets/adminSvg/analyticsIcon";
|
|
6
12
|
import { RevenueIcon, RevenueIconActive } from "../assets/adminSvg/revenueIcon";
|
|
7
13
|
import { TicketsIcon, TicketsIconActive } from "../assets/adminSvg/ticketsIcon";
|
|
8
14
|
import { ChatIcon, ChatIconActive } from "../assets/adminSvg/chatIcon";
|
|
9
15
|
import { FlaggedIcon, FlaggedIconActive } from "../assets/adminSvg/flaggedIcon";
|
|
10
16
|
import { UsersIcon, UsersIconActive } from "../assets/adminSvg/usersIcon";
|
|
11
|
-
import {
|
|
12
|
-
|
|
17
|
+
import {
|
|
18
|
+
SettingsIcon,
|
|
19
|
+
SettingsIconActive,
|
|
20
|
+
} from "../assets/adminSvg/settingsIcon";
|
|
21
|
+
import {
|
|
22
|
+
AccountsIcon,
|
|
23
|
+
AccountsIconActive,
|
|
24
|
+
} from "../assets/adminSvg/accountsIcon";
|
|
25
|
+
import { ManagersIcon, ManagersIconActive } from "../assets/adminSvg/managers";
|
|
26
|
+
import { RequestsIcon, RequestsIconActive } from "../assets/adminSvg/requestsIcon";
|
|
13
27
|
|
|
14
28
|
export const adminSideMenuOptions = [
|
|
15
29
|
{
|
|
@@ -56,13 +70,13 @@ export const adminSideMenuOptions = [
|
|
|
56
70
|
path: "/drafts",
|
|
57
71
|
hasNotification: false,
|
|
58
72
|
notifications: null,
|
|
59
|
-
text: "
|
|
73
|
+
text: "Draft (6)",
|
|
60
74
|
},
|
|
61
75
|
{
|
|
62
76
|
path: "/statistics",
|
|
63
77
|
hasNotification: false,
|
|
64
78
|
notifications: null,
|
|
65
|
-
text: "
|
|
79
|
+
text: "Flagged Content",
|
|
66
80
|
},
|
|
67
81
|
],
|
|
68
82
|
},
|
|
@@ -87,18 +101,18 @@ export const adminSideMenuOptions = [
|
|
|
87
101
|
notifications: null,
|
|
88
102
|
text: "Newsletters",
|
|
89
103
|
},
|
|
90
|
-
{
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
},
|
|
104
|
+
// {
|
|
105
|
+
// path: "/direct-emailing",
|
|
106
|
+
// hasNotification: false,
|
|
107
|
+
// notifications: null,
|
|
108
|
+
// text: "Direct Emailing",
|
|
109
|
+
// },
|
|
110
|
+
// {
|
|
111
|
+
// path: "/create-ads",
|
|
112
|
+
// hasNotification: false,
|
|
113
|
+
// notifications: null,
|
|
114
|
+
// text: "Create Ads",
|
|
115
|
+
// },
|
|
102
116
|
],
|
|
103
117
|
},
|
|
104
118
|
],
|
|
@@ -162,6 +176,16 @@ export const adminSideMenuOptions = [
|
|
|
162
176
|
{
|
|
163
177
|
optionType: "SUPPORT",
|
|
164
178
|
routes: [
|
|
179
|
+
{
|
|
180
|
+
path: "/requests",
|
|
181
|
+
icon: <RequestsIcon />,
|
|
182
|
+
iconActive: <RequestsIconActive />,
|
|
183
|
+
text: "Requests",
|
|
184
|
+
hasNotification: true,
|
|
185
|
+
hasDropdown: false,
|
|
186
|
+
notifications: 5,
|
|
187
|
+
dropdownItems: [{}],
|
|
188
|
+
},
|
|
165
189
|
{
|
|
166
190
|
path: "/tickets",
|
|
167
191
|
icon: <TicketsIcon />,
|
|
@@ -186,7 +210,7 @@ export const adminSideMenuOptions = [
|
|
|
186
210
|
path: "/flagged-account",
|
|
187
211
|
icon: <FlaggedIcon />,
|
|
188
212
|
iconActive: <FlaggedIconActive />,
|
|
189
|
-
text: "
|
|
213
|
+
text: "Issues & Reports",
|
|
190
214
|
hasNotification: true,
|
|
191
215
|
hasDropdown: false,
|
|
192
216
|
notifications: 5,
|
|
@@ -204,6 +228,41 @@ export const adminSideMenuOptions = [
|
|
|
204
228
|
},
|
|
205
229
|
],
|
|
206
230
|
},
|
|
231
|
+
{
|
|
232
|
+
optionType: "Dev. Management",
|
|
233
|
+
routes: [
|
|
234
|
+
{
|
|
235
|
+
path: "/accounts",
|
|
236
|
+
icon: <AccountsIcon />,
|
|
237
|
+
iconActive: <AccountsIconActive />,
|
|
238
|
+
text: "Accounts",
|
|
239
|
+
hasNotification: true,
|
|
240
|
+
hasDropdown: false,
|
|
241
|
+
notifications: 5,
|
|
242
|
+
dropdownItems: [{}],
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
path: "/managers",
|
|
246
|
+
icon: <ManagersIcon />,
|
|
247
|
+
iconActive: <ManagersIconActive />,
|
|
248
|
+
text: "Managers",
|
|
249
|
+
hasNotification: true,
|
|
250
|
+
hasDropdown: false,
|
|
251
|
+
notifications: 5,
|
|
252
|
+
dropdownItems: [{}],
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
path: "/custom-requests",
|
|
256
|
+
icon: <RequestsIcon />,
|
|
257
|
+
iconActive: <RequestsIconActive />,
|
|
258
|
+
text: "Requests",
|
|
259
|
+
hasNotification: true,
|
|
260
|
+
hasDropdown: false,
|
|
261
|
+
notifications: 5,
|
|
262
|
+
dropdownItems: [{}],
|
|
263
|
+
},
|
|
264
|
+
],
|
|
265
|
+
},
|
|
207
266
|
{
|
|
208
267
|
optionType: null,
|
|
209
268
|
routes: [
|