@universal-tennis/ui-shared 0.1.90 → 0.1.92
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/dist/stories/molecules/GlobalNavItem/GlobalNavItem.js +2 -2
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.js.map +1 -1
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.js +3 -1
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.js.map +1 -1
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +4 -1
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js +15 -6
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map +1 -1
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.d.ts +2 -0
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js +36 -0
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/stories/molecules/GlobalNavItem/GlobalNavItem.stories.tsx +3 -1
- package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx +2 -2
- package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx +39 -0
- package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx +20 -5
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { getClickAttrs } from 'stories/utils/constants';
|
|
3
|
-
import { RightChevron } from 'stories/atoms/Icons/Icons.stories';
|
|
4
2
|
import Box from '@mui/material/Box';
|
|
5
3
|
import Button from '@mui/material/Button';
|
|
4
|
+
import { getClickAttrs } from '../../utils/constants';
|
|
5
|
+
import { RightChevron } from '../../atoms/Icons/Icons.stories';
|
|
6
6
|
import Typography from '../../atoms/Typography/Typography';
|
|
7
7
|
function GlobalNavItem({ item, onClick }) {
|
|
8
8
|
const handleOnClick = (item) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalNavItem.js","sourceRoot":"","sources":["../../../../src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,
|
|
1
|
+
{"version":3,"file":"GlobalNavItem.js","sourceRoot":"","sources":["../../../../src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAa3D,SAAS,aAAa,CAAC,EACrB,IAAI,EAAE,OAAO,EACgB;IAC7B,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;QACrC,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,kBACH,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAC9B,aAAa,CAAC;QAChB,QAAQ,EAAE,wBAAwB;QAClC,OAAO,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;QACpB,QAAQ,EAAE,mBAAmB;KAC9B,CAAC,IACF,EAAE,EAAE;YACF,aAAa,EAAE,MAAM;YACrB,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,CAAC;YACV,YAAY,EAAE,iCAAiC;YAC/C,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;SAC9C;QAED,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,cAAc,EAAC,eAAe;YAC9G,oBAAC,UAAU,IAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAc;YAC5F,oBAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAC7C,CACD,CACZ,CAAC;AACJ,CAAC;AACD,eAAe,aAAa,CAAC"}
|
|
@@ -11,7 +11,9 @@ function GlobalNavItemTemplate(args) {
|
|
|
11
11
|
// Stories
|
|
12
12
|
export const Item = GlobalNavItemTemplate.bind({});
|
|
13
13
|
Item.args = {
|
|
14
|
-
|
|
14
|
+
item: {
|
|
15
|
+
label: 'Flex Leagues',
|
|
16
|
+
},
|
|
15
17
|
onClick: () => { console.log("you clicked me!"); }
|
|
16
18
|
};
|
|
17
19
|
//# sourceMappingURL=GlobalNavItem.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalNavItem.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/GlobalNavItem/GlobalNavItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AAEpE,UAAU;AACV,eAAe;IACb,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,YAAY;AACZ,SAAS,qBAAqB,CAAC,IAAkC;IAC/D,OAAO,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAC;AACrC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,IAAI,CAAC,IAAI,GAAG;IACV,KAAK,EAAE,cAAc;
|
|
1
|
+
{"version":3,"file":"GlobalNavItem.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/GlobalNavItem/GlobalNavItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AAEpE,UAAU;AACV,eAAe;IACb,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,YAAY;AACZ,SAAS,qBAAqB,CAAC,IAAkC;IAC/D,OAAO,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAC;AACrC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,IAAI,CAAC,IAAI,GAAG;IACV,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;KACtB;IACD,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC"}
|
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
export interface GlobalNavigationProps {
|
|
3
3
|
showTennisItems: boolean;
|
|
4
4
|
showPickleballItems: boolean;
|
|
5
|
+
isAdultTeamPickleballEnabled: boolean;
|
|
6
|
+
isJuniorTeamPickleballEnabled: boolean;
|
|
7
|
+
leagueTypes: Record<string, string | number>;
|
|
5
8
|
tennisNavItems?: [
|
|
6
9
|
item: {
|
|
7
10
|
label: string;
|
|
@@ -24,5 +27,5 @@ export interface GlobalNavigationProps {
|
|
|
24
27
|
onTypeFilterClick: (item: object) => void;
|
|
25
28
|
onTeamLeagueSearchClick: (item: object) => void;
|
|
26
29
|
}
|
|
27
|
-
declare function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
|
|
30
|
+
declare function GlobalNavigation({ showTennisItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
|
|
28
31
|
export default GlobalNavigation;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { styled } from "@mui/material/styles";
|
|
3
3
|
import Box from '@mui/material/Box';
|
|
4
|
-
import GlobalNavItem from '
|
|
5
|
-
import TennisBallIcon from '
|
|
6
|
-
import PickleballBallIcon from '
|
|
4
|
+
import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
|
|
5
|
+
import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
|
|
6
|
+
import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
|
|
7
7
|
import Typography from '../../atoms/Typography/Typography';
|
|
8
8
|
const NavItemsContainer = styled(Box)(({ theme }) => ({
|
|
9
9
|
display: "flex",
|
|
@@ -19,7 +19,7 @@ const allPlayersNavItem = {
|
|
|
19
19
|
filterType: 'players',
|
|
20
20
|
sportType: 'tennis,pickleball'
|
|
21
21
|
};
|
|
22
|
-
function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
|
|
22
|
+
function GlobalNavigation({ showTennisItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
|
|
23
23
|
const handleOnClick = (item) => {
|
|
24
24
|
if (item === null || item === void 0 ? void 0 : item.isLeagues) {
|
|
25
25
|
onTeamLeagueSearchClick(item);
|
|
@@ -28,6 +28,15 @@ function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems,
|
|
|
28
28
|
onTypeFilterClick(item);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
+
const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
|
|
32
|
+
if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
|
|
33
|
+
return false;
|
|
34
|
+
}
|
|
35
|
+
if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
|
|
36
|
+
return false;
|
|
37
|
+
}
|
|
38
|
+
return true;
|
|
39
|
+
});
|
|
31
40
|
return (React.createElement(Box, { display: "flex", flexDirection: "column" },
|
|
32
41
|
React.createElement(GlobalNavItem, { onClick: handleOnClick, item: allPlayersNavItem }),
|
|
33
42
|
React.createElement(NavItemsContainer, null,
|
|
@@ -39,8 +48,8 @@ function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems,
|
|
|
39
48
|
showPickleballItems && (React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
|
|
40
49
|
React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
|
|
41
50
|
React.createElement(PickleballBallIcon, { size: 18 }),
|
|
42
|
-
React.createElement(Typography, { category: "secondary", size: "medium-cap" }, "Pickleball")),
|
|
43
|
-
|
|
51
|
+
React.createElement(Typography, { category: "secondary", size: "medium-cap" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
|
|
52
|
+
filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick }))))))));
|
|
44
53
|
}
|
|
45
54
|
export default GlobalNavigation;
|
|
46
55
|
//# sourceMappingURL=GlobalNavigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,aAAa,MAAM
|
|
1
|
+
{"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -117,6 +117,10 @@ const pickleballGlobalNavItems = [
|
|
|
117
117
|
sportType: 'tennis,pickleball'
|
|
118
118
|
}
|
|
119
119
|
];
|
|
120
|
+
const LeagueTypes = {
|
|
121
|
+
UT_ADULT_TEAM_PICKLEBALL: 6,
|
|
122
|
+
UT_JUNIOR_TEAM_PICKLEBALL: 7,
|
|
123
|
+
};
|
|
120
124
|
const onTeamLeagueSearchClick = (item) => {
|
|
121
125
|
console.log(`Team League Search Clicked: Filter Type - ${item === null || item === void 0 ? void 0 : item.filterType}, Sport Type - ${item === null || item === void 0 ? void 0 : item.sportType}`);
|
|
122
126
|
};
|
|
@@ -128,6 +132,8 @@ export const GlobalNav = GlobalNavigationTemplate.bind({});
|
|
|
128
132
|
GlobalNav.args = {
|
|
129
133
|
showTennisItems: true,
|
|
130
134
|
showPickleballItems: true,
|
|
135
|
+
isAdultTeamPickleballEnabled: true,
|
|
136
|
+
isJuniorTeamPickleballEnabled: true,
|
|
131
137
|
tennisNavItems: tennisGlobalNavItems,
|
|
132
138
|
pickleballNavItems: pickleballGlobalNavItems,
|
|
133
139
|
onTeamLeagueSearchClick,
|
|
@@ -137,6 +143,9 @@ export const TennisOnly = GlobalNavigationTemplate.bind({});
|
|
|
137
143
|
TennisOnly.args = {
|
|
138
144
|
showTennisItems: true,
|
|
139
145
|
showPickleballItems: false,
|
|
146
|
+
isAdultTeamPickleballEnabled: true,
|
|
147
|
+
isJuniorTeamPickleballEnabled: true,
|
|
148
|
+
leagueTypes: LeagueTypes,
|
|
140
149
|
tennisNavItems: tennisGlobalNavItems,
|
|
141
150
|
pickleballNavItems: pickleballGlobalNavItems,
|
|
142
151
|
onTeamLeagueSearchClick,
|
|
@@ -146,6 +155,33 @@ export const PickleballOnly = GlobalNavigationTemplate.bind({});
|
|
|
146
155
|
PickleballOnly.args = {
|
|
147
156
|
showTennisItems: false,
|
|
148
157
|
showPickleballItems: true,
|
|
158
|
+
isAdultTeamPickleballEnabled: true,
|
|
159
|
+
isJuniorTeamPickleballEnabled: true,
|
|
160
|
+
leagueTypes: LeagueTypes,
|
|
161
|
+
tennisNavItems: tennisGlobalNavItems,
|
|
162
|
+
pickleballNavItems: pickleballGlobalNavItems,
|
|
163
|
+
onTeamLeagueSearchClick,
|
|
164
|
+
onTypeFilterClick
|
|
165
|
+
};
|
|
166
|
+
export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
|
|
167
|
+
AdultTeamPickleballDisabled.args = {
|
|
168
|
+
showTennisItems: false,
|
|
169
|
+
showPickleballItems: true,
|
|
170
|
+
isAdultTeamPickleballEnabled: false,
|
|
171
|
+
isJuniorTeamPickleballEnabled: true,
|
|
172
|
+
leagueTypes: LeagueTypes,
|
|
173
|
+
tennisNavItems: tennisGlobalNavItems,
|
|
174
|
+
pickleballNavItems: pickleballGlobalNavItems,
|
|
175
|
+
onTeamLeagueSearchClick,
|
|
176
|
+
onTypeFilterClick
|
|
177
|
+
};
|
|
178
|
+
export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
|
|
179
|
+
JuniorTeamPickleballDisabled.args = {
|
|
180
|
+
showTennisItems: false,
|
|
181
|
+
showPickleballItems: true,
|
|
182
|
+
isAdultTeamPickleballEnabled: true,
|
|
183
|
+
isJuniorTeamPickleballEnabled: false,
|
|
184
|
+
leagueTypes: LeagueTypes,
|
|
149
185
|
tennisNavItems: tennisGlobalNavItems,
|
|
150
186
|
pickleballNavItems: pickleballGlobalNavItems,
|
|
151
187
|
onTeamLeagueSearchClick,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalNavigation.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"GlobalNavigation.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -15,6 +15,8 @@ function GlobalNavItemTemplate(args: Readonly<GlobalNavItemProps>) {
|
|
|
15
15
|
// Stories
|
|
16
16
|
export const Item = GlobalNavItemTemplate.bind({});
|
|
17
17
|
Item.args = {
|
|
18
|
-
|
|
18
|
+
item: {
|
|
19
|
+
label: 'Flex Leagues',
|
|
20
|
+
},
|
|
19
21
|
onClick: () => { console.log("you clicked me!"); }
|
|
20
22
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import { getClickAttrs } from 'stories/utils/constants';
|
|
4
|
-
import { RightChevron } from 'stories/atoms/Icons/Icons.stories';
|
|
5
3
|
import Box from '@mui/material/Box';
|
|
6
4
|
import Button from '@mui/material/Button';
|
|
5
|
+
import { getClickAttrs } from '../../utils/constants';
|
|
6
|
+
import { RightChevron } from '../../atoms/Icons/Icons.stories';
|
|
7
7
|
import Typography from '../../atoms/Typography/Typography';
|
|
8
8
|
|
|
9
9
|
export interface GlobalNavItemProps {
|
|
@@ -123,6 +123,11 @@ const pickleballGlobalNavItems = [
|
|
|
123
123
|
}
|
|
124
124
|
];
|
|
125
125
|
|
|
126
|
+
const LeagueTypes = {
|
|
127
|
+
UT_ADULT_TEAM_PICKLEBALL: 6,
|
|
128
|
+
UT_JUNIOR_TEAM_PICKLEBALL: 7,
|
|
129
|
+
};
|
|
130
|
+
|
|
126
131
|
const onTeamLeagueSearchClick = (item: { filterType: string; sportType?: string; }) => {
|
|
127
132
|
console.log(`Team League Search Clicked: Filter Type - ${item?.filterType}, Sport Type - ${item?.sportType}`);
|
|
128
133
|
};
|
|
@@ -136,6 +141,8 @@ export const GlobalNav = GlobalNavigationTemplate.bind({});
|
|
|
136
141
|
GlobalNav.args = {
|
|
137
142
|
showTennisItems: true,
|
|
138
143
|
showPickleballItems: true,
|
|
144
|
+
isAdultTeamPickleballEnabled: true,
|
|
145
|
+
isJuniorTeamPickleballEnabled: true,
|
|
139
146
|
tennisNavItems: tennisGlobalNavItems,
|
|
140
147
|
pickleballNavItems: pickleballGlobalNavItems,
|
|
141
148
|
onTeamLeagueSearchClick,
|
|
@@ -146,6 +153,9 @@ export const TennisOnly = GlobalNavigationTemplate.bind({});
|
|
|
146
153
|
TennisOnly.args = {
|
|
147
154
|
showTennisItems: true,
|
|
148
155
|
showPickleballItems: false,
|
|
156
|
+
isAdultTeamPickleballEnabled: true,
|
|
157
|
+
isJuniorTeamPickleballEnabled: true,
|
|
158
|
+
leagueTypes: LeagueTypes,
|
|
149
159
|
tennisNavItems: tennisGlobalNavItems,
|
|
150
160
|
pickleballNavItems: pickleballGlobalNavItems,
|
|
151
161
|
onTeamLeagueSearchClick,
|
|
@@ -156,6 +166,35 @@ export const PickleballOnly = GlobalNavigationTemplate.bind({});
|
|
|
156
166
|
PickleballOnly.args = {
|
|
157
167
|
showTennisItems: false,
|
|
158
168
|
showPickleballItems: true,
|
|
169
|
+
isAdultTeamPickleballEnabled: true,
|
|
170
|
+
isJuniorTeamPickleballEnabled: true,
|
|
171
|
+
leagueTypes: LeagueTypes,
|
|
172
|
+
tennisNavItems: tennisGlobalNavItems,
|
|
173
|
+
pickleballNavItems: pickleballGlobalNavItems,
|
|
174
|
+
onTeamLeagueSearchClick,
|
|
175
|
+
onTypeFilterClick
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
|
|
179
|
+
AdultTeamPickleballDisabled.args = {
|
|
180
|
+
showTennisItems: false,
|
|
181
|
+
showPickleballItems: true,
|
|
182
|
+
isAdultTeamPickleballEnabled: false,
|
|
183
|
+
isJuniorTeamPickleballEnabled: true,
|
|
184
|
+
leagueTypes: LeagueTypes,
|
|
185
|
+
tennisNavItems: tennisGlobalNavItems,
|
|
186
|
+
pickleballNavItems: pickleballGlobalNavItems,
|
|
187
|
+
onTeamLeagueSearchClick,
|
|
188
|
+
onTypeFilterClick
|
|
189
|
+
};
|
|
190
|
+
|
|
191
|
+
export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
|
|
192
|
+
JuniorTeamPickleballDisabled.args = {
|
|
193
|
+
showTennisItems: false,
|
|
194
|
+
showPickleballItems: true,
|
|
195
|
+
isAdultTeamPickleballEnabled: true,
|
|
196
|
+
isJuniorTeamPickleballEnabled: false,
|
|
197
|
+
leagueTypes: LeagueTypes,
|
|
159
198
|
tennisNavItems: tennisGlobalNavItems,
|
|
160
199
|
pickleballNavItems: pickleballGlobalNavItems,
|
|
161
200
|
onTeamLeagueSearchClick,
|
|
@@ -2,14 +2,17 @@ import React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { styled } from "@mui/material/styles";
|
|
4
4
|
import Box from '@mui/material/Box';
|
|
5
|
-
import GlobalNavItem from '
|
|
6
|
-
import TennisBallIcon from '
|
|
7
|
-
import PickleballBallIcon from '
|
|
5
|
+
import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
|
|
6
|
+
import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
|
|
7
|
+
import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
|
|
8
8
|
import Typography from '../../atoms/Typography/Typography';
|
|
9
9
|
|
|
10
10
|
export interface GlobalNavigationProps {
|
|
11
11
|
showTennisItems: boolean
|
|
12
12
|
showPickleballItems: boolean
|
|
13
|
+
isAdultTeamPickleballEnabled: boolean;
|
|
14
|
+
isJuniorTeamPickleballEnabled: boolean;
|
|
15
|
+
leagueTypes: Record<string, string | number>;
|
|
13
16
|
tennisNavItems?: [
|
|
14
17
|
item: {
|
|
15
18
|
label: string;
|
|
@@ -51,7 +54,10 @@ const allPlayersNavItem = {
|
|
|
51
54
|
|
|
52
55
|
function GlobalNavigation({
|
|
53
56
|
showTennisItems,
|
|
54
|
-
tennisNavItems,
|
|
57
|
+
tennisNavItems,
|
|
58
|
+
isAdultTeamPickleballEnabled,
|
|
59
|
+
isJuniorTeamPickleballEnabled,
|
|
60
|
+
leagueTypes,
|
|
55
61
|
pickleballNavItems,
|
|
56
62
|
showPickleballItems,
|
|
57
63
|
onTeamLeagueSearchClick,
|
|
@@ -64,6 +70,15 @@ function GlobalNavigation({
|
|
|
64
70
|
onTypeFilterClick(item);
|
|
65
71
|
}
|
|
66
72
|
};
|
|
73
|
+
const filteredPickleballNavItems = pickleballNavItems?.filter((item) => {
|
|
74
|
+
if (!isAdultTeamPickleballEnabled && item?.filterType === leagueTypes?.UT_ADULT_TEAM_PICKLEBALL) {
|
|
75
|
+
return false;
|
|
76
|
+
}
|
|
77
|
+
if (!isJuniorTeamPickleballEnabled && item?.filterType === leagueTypes?.UT_JUNIOR_TEAM_PICKLEBALL) {
|
|
78
|
+
return false;
|
|
79
|
+
}
|
|
80
|
+
return true;
|
|
81
|
+
});
|
|
67
82
|
return (
|
|
68
83
|
<Box display="flex" flexDirection="column">
|
|
69
84
|
<GlobalNavItem onClick={handleOnClick} item={allPlayersNavItem} />
|
|
@@ -97,7 +112,7 @@ function GlobalNavigation({
|
|
|
97
112
|
<PickleballBallIcon size={18} />
|
|
98
113
|
<Typography category="secondary" size="medium-cap">Pickleball</Typography>
|
|
99
114
|
</Box>
|
|
100
|
-
{
|
|
115
|
+
{filteredPickleballNavItems?.map((item) => (
|
|
101
116
|
<GlobalNavItem item={item} key={item?.label} onClick={handleOnClick} />
|
|
102
117
|
))}
|
|
103
118
|
</Box>
|