Updated profile page.

This commit is contained in:
Mike Cao 2024-02-04 23:55:14 -08:00
parent 6802093d69
commit 8bcea84409
4 changed files with 15 additions and 7 deletions

View File

@ -19,7 +19,7 @@ export function ProfileSettings() {
const { username, role } = user; const { username, role } = user;
const renderRole = value => { const renderRole = (value: string) => {
if (value === ROLES.user) { if (value === ROLES.user) {
return formatMessage(labels.user); return formatMessage(labels.user);
} }

View File

@ -0,0 +1,9 @@
.container {
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.container {
margin: 0;
}
}

View File

@ -1,13 +1,14 @@
import ProfileHeader from './ProfileHeader'; import ProfileHeader from './ProfileHeader';
import ProfileSettings from './ProfileSettings'; import ProfileSettings from './ProfileSettings';
import { Metadata } from 'next'; import { Metadata } from 'next';
import styles from './page.module.css';
export default function () { export default function () {
return ( return (
<> <div className={styles.container}>
<ProfileHeader /> <ProfileHeader />
<ProfileSettings /> <ProfileSettings />
</> </div>
); );
} }

View File

@ -2,9 +2,7 @@ import { Key } from 'react';
import { Icon, Button, PopupTrigger, Popup, Menu, Item, Text } from 'react-basics'; import { Icon, Button, PopupTrigger, Popup, Menu, Item, Text } from 'react-basics';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import Icons from 'components/icons'; import Icons from 'components/icons';
import { useMessages } from 'components/hooks'; import { useMessages, useLogin, useLocale } from 'components/hooks';
import { useLogin } from 'components/hooks';
import { useLocale } from 'components/hooks';
import { CURRENT_VERSION } from 'lib/constants'; import { CURRENT_VERSION } from 'lib/constants';
import Avatar from 'components/common/Avatar'; import Avatar from 'components/common/Avatar';
import styles from './ProfileButton.module.css'; import styles from './ProfileButton.module.css';
@ -18,7 +16,7 @@ export function ProfileButton() {
const handleSelect = (key: Key, close: () => void) => { const handleSelect = (key: Key, close: () => void) => {
if (key === 'profile') { if (key === 'profile') {
router.push('/settings/profile'); router.push('/profile');
} }
if (key === 'logout') { if (key === 'logout') {
router.push('/logout'); router.push('/logout');