@@ -8,8 +8,8 @@ import { MenuContext } from './MenuProvider'
8
8
import {
9
9
AccountMenuItems ,
10
10
CommunityMenuItems ,
11
+ GrowMenuItems ,
11
12
TOP_NAV_STANDARD_CLASSES ,
12
- // TopHonorsMenuItems,
13
13
} from './TopNavSubmenu'
14
14
15
15
const TOP_NAV_RIGHT_SECTION_CLASSES = 'ml-auto flex items-center space-x-6'
@@ -35,6 +35,18 @@ export const TopNavRight = () => {
35
35
}
36
36
} , [ searchParams , currentUserQuery , router ] )
37
37
38
+ const handleAccountClick = ( e : React . MouseEvent < HTMLButtonElement > ) => {
39
+ e . preventDefault ( )
40
+ if ( openMenuName === 'account' ) {
41
+ setMenu ?.( null , '' )
42
+ } else if ( currentUser ) {
43
+ setMenu ?.(
44
+ < AccountMenuItems userId = { currentUser . id . toString ( ) } /> ,
45
+ 'account' ,
46
+ )
47
+ }
48
+ }
49
+
38
50
const handleCommunityClick = ( e : React . MouseEvent < HTMLButtonElement > ) => {
39
51
e . preventDefault ( )
40
52
if ( openMenuName === 'community' ) {
@@ -44,45 +56,27 @@ export const TopNavRight = () => {
44
56
}
45
57
}
46
58
47
- const handleAccountClick = ( e : React . MouseEvent < HTMLButtonElement > ) => {
59
+ const handleGrowClick = ( e : React . MouseEvent < HTMLButtonElement > ) => {
48
60
e . preventDefault ( )
49
- if ( openMenuName === 'account ' ) {
61
+ if ( openMenuName === 'grow ' ) {
50
62
setMenu ?.( null , '' )
51
- } else if ( currentUser ) {
52
- setMenu ?.(
53
- < AccountMenuItems userId = { currentUser . id . toString ( ) } /> ,
54
- 'account' ,
55
- )
63
+ } else {
64
+ setMenu ?.( < GrowMenuItems /> , 'grow' )
56
65
}
57
66
}
58
67
59
- // const handleLeaderboardClick = (e: React.MouseEvent<HTMLButtonElement>) => {
60
- // e.preventDefault();
61
- // if (openMenuName === "leaderboard") {
62
- // setMenu(null, "");
63
- // } else {
64
- // setMenu(<TopHonorsMenuItems />, "leaderboard");
65
- // }
66
- // };
67
-
68
68
return (
69
69
< div className = { TOP_NAV_RIGHT_SECTION_CLASSES } >
70
- { /* <button
71
- onClick={handleLeaderboardClick}
72
- className={TOP_NAV_STANDARD_CLASSES}
73
- >
74
- Top Honors Leaderboard
75
- <IconVerticalChevron isPointingUp={openMenuName === "leaderboard"} />
76
- </button> */ }
77
70
< Link href = "/perks" className = { TOP_NAV_STANDARD_CLASSES } >
78
71
Perks
79
72
</ Link >
80
73
< Link href = "/chat" className = { TOP_NAV_STANDARD_CLASSES } >
81
74
Chat
82
75
</ Link >
83
- < Link href = "/blog" className = { TOP_NAV_STANDARD_CLASSES } >
84
- Blog
85
- </ Link >
76
+ < button onClick = { handleGrowClick } className = { TOP_NAV_STANDARD_CLASSES } >
77
+ Grow
78
+ < IconVerticalChevron isPointingUp = { openMenuName === 'grow' } />
79
+ </ button >
86
80
< button
87
81
onClick = { handleCommunityClick }
88
82
className = { TOP_NAV_STANDARD_CLASSES }
0 commit comments