@@ -16,6 +16,11 @@ import { UserAvatar } from "../User"
1616import { UserProfileCard } from "../User/UserProfileCard"
1717import { BorderedMenu } from "./BorderedMenu"
1818
19+ export const Language = {
20+ accountLabel :"Account" ,
21+ docsLabel :"Documentation" ,
22+ signOutLabel :"Sign Out" ,
23+ }
1924export interface UserDropdownProps {
2025user :UserResponse
2126onSignOut :( ) => void
@@ -75,7 +80,7 @@ export const UserDropdown: React.FC<UserDropdownProps> = ({ user, onSignOut }: U
7580< ListItemIcon className = { styles . icon } >
7681< AccountIcon />
7782</ ListItemIcon >
78- < ListItemText primary = "Account" />
83+ < ListItemText primary = { Language . accountLabel } />
7984</ MenuItem >
8085</ Link >
8186
@@ -84,15 +89,15 @@ export const UserDropdown: React.FC<UserDropdownProps> = ({ user, onSignOut }: U
8489< ListItemIcon className = { styles . icon } >
8590< DocsIcon />
8691</ ListItemIcon >
87- < ListItemText primary = "Documentation" />
92+ < ListItemText primary = { Language . docsLabel } />
8893</ MenuItem >
8994</ a >
9095
9196< MenuItem className = { styles . menuItem } onClick = { onSignOut } >
9297< ListItemIcon className = { styles . icon } >
9398< LogoutIcon />
9499</ ListItemIcon >
95- < ListItemText primary = "Sign Out" />
100+ < ListItemText primary = { Language . signOutLabel } />
96101</ MenuItem >
97102</ div >
98103</ BorderedMenu >