shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: user profile/settings pages (#958)

Browse Source
This commit is contained in:
sct
2021-02-18 11:38:24 +09:00
committed by GitHub
parent 29b97ef6d8
commit bbb683e637
50 changed files with 2388 additions and 596 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/Layout/UserDropdown/index.tsx
View File

@@ -3,13 +3,17 @@ import Transition from '../../Transition';
import { useUser } from '../../../hooks/useUser';
import axios from 'axios';
import useClickOutside from '../../../hooks/useClickOutside';
import { defineMessages, FormattedMessage } from 'react-intl';
import { defineMessages, useIntl } from 'react-intl';
import Link from 'next/link';
const messages = defineMessages({
myprofile: 'Profile',
settings: 'Settings',
signout: 'Sign Out',
});
const UserDropdown: React.FC = () => {
const intl = useIntl();
const dropdownRef = useRef<HTMLDivElement>(null);
const { user, revalidate } = useUser();
const [isDropdownOpen, setDropdownOpen] = useState(false);
@@ -55,13 +59,43 @@ const UserDropdown: React.FC = () => {
aria-orientation="vertical"
aria-labelledby="user-menu"
>
<Link href={`/profile`}>
<a
className="block px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600"
role="menuitem"
tabIndex={0}
onKeyDown={(e) => {
if (e.key === 'Enter') {
setDropdownOpen(false);
}
}}
onClick={() => setDropdownOpen(false)}
>
{intl.formatMessage(messages.myprofile)}
</a>
</Link>
<Link href={`/profile/settings`}>
<a
className="block px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600"
role="menuitem"
tabIndex={0}
onKeyDown={(e) => {
if (e.key === 'Enter') {
setDropdownOpen(false);
}
}}
onClick={() => setDropdownOpen(false)}
>
{intl.formatMessage(messages.settings)}
</a>
</Link>
<a
href="#"
className="block px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600"
role="menuitem"
onClick={() => logout()}
>
<FormattedMessage {...messages.signout} />
{intl.formatMessage(messages.signout)}
</a>
</div>
</div>