1
1
import { useEffect , useState } from "react"
2
- import { Container , Navbar , Nav } from "react-bootstrap"
2
+ import { Container , Navbar , Nav } from "react-bootstrap"
3
3
import Image from "react-bootstrap/Image"
4
4
import { Role , signOutAndRedirectToHome , useAuth } from "../auth"
5
5
import { NavLink } from "../Navlink"
@@ -45,16 +45,17 @@ const ProfileLink = ({
45
45
sticky = { sticky ? "top" : undefined }
46
46
expand = { false }
47
47
expanded = { isExpanded }
48
- className = "p-0" >
48
+ className = "p-0"
49
+ >
49
50
< Container className = { `py-0` } >
50
51
< div className = { styles . navbar_boxes_container } >
51
52
< Navbar . Brand className = "mx-2 p-0" onClick = { toggleNav } >
52
53
< Nav . Link className = "p-0" >
53
54
< Image
54
55
className = { styles . profileLinkImage }
55
56
src = "/profile-icon.svg"
56
- alt = "profile icon" >
57
- </ Image >
57
+ alt = "profile icon"
58
+ > </ Image >
58
59
{ greeting ( role , displayName ) }
59
60
</ Nav . Link >
60
61
</ Navbar . Brand >
@@ -64,20 +65,24 @@ const ProfileLink = ({
64
65
< NavLink
65
66
className = { "navLink-primary" }
66
67
href = { "/profile" + search }
67
- handleClick = { closeNav } >
68
+ handleClick = { closeNav }
69
+ >
68
70
View Profile
69
71
</ NavLink >
70
72
< NavLink
71
73
className = { "navLink-primary" }
72
74
href = "/editprofile"
73
- handleClick = { closeNav } >
75
+ handleClick = { closeNav }
76
+ >
74
77
Edit Profile
75
78
</ NavLink >
76
79
< NavLink
77
80
className = { "navLink-primary" }
78
81
handleClick = { ( ) => {
79
82
closeNav ( )
80
- void signOutAndRedirectToHome ( ) } } >
83
+ void signOutAndRedirectToHome ( )
84
+ } }
85
+ >
81
86
Sign Out
82
87
</ NavLink >
83
88
</ Nav >
0 commit comments