diff --git a/src/components/ICONS.jsx b/src/components/ICONS.jsx index 4ab8b8d3..c7ea24e8 100644 --- a/src/components/ICONS.jsx +++ b/src/components/ICONS.jsx @@ -108,4 +108,5 @@ export const ICONS = { settings: () => import('@iconify-icons/mingcute/settings-6-line'), 'heart-break': () => import('@iconify-icons/mingcute/heart-crack-line'), 'user-x': () => import('@iconify-icons/mingcute/user-x-line'), + 'user-setting': () => import('@iconify-icons/mingcute/user-setting-line'), }; diff --git a/src/components/nav-menu.jsx b/src/components/nav-menu.jsx index 74f25670..1ca6136a 100644 --- a/src/components/nav-menu.jsx +++ b/src/components/nav-menu.jsx @@ -1,6 +1,6 @@ import './nav-menu.css'; -import { ControlledMenu, MenuDivider, MenuItem } from '@szhsin/react-menu'; +import { ControlledMenu, FocusableItem, MenuDivider, MenuItem } from '@szhsin/react-menu'; import { memo } from 'preact/compat'; import { useEffect, useMemo, useRef, useState } from 'preact/hooks'; import { useLongPress } from 'use-long-press'; @@ -18,6 +18,7 @@ import Avatar from './avatar'; import Icon from './icon'; import MenuLink from './menu-link'; import SubMenu2 from './submenu2'; +import { accountsIsDtth, gtsDtthSettings } from '../utils/dtth'; function NavMenu(props) { const snapStates = useSnapshot(states); @@ -209,6 +210,10 @@ function NavMenu(props) { Profile )} + {currentAccount && accountsIsDtth(currentAccount) && + + User Settings… + } {lists?.length > 0 ? (