diff --git a/src/admin/AdminAppInsightsIcon.tsx b/src/admin/AdminAppInsightsIcon.tsx new file mode 100644 index 00000000..3e9008e9 --- /dev/null +++ b/src/admin/AdminAppInsightsIcon.tsx @@ -0,0 +1,30 @@ +import clsx from 'clsx/lite'; +import { FaInfo } from 'react-icons/fa'; + +export default function AdminAppInsightsIcon({ + notification = true, +}: { + notification?: boolean, +}) { + return ( + + + + + {notification && } + + ); +} diff --git a/src/admin/AdminAppMenu.tsx b/src/admin/AdminAppMenu.tsx index 60ffa121..0018cefd 100644 --- a/src/admin/AdminAppMenu.tsx +++ b/src/admin/AdminAppMenu.tsx @@ -1,11 +1,16 @@ 'use client'; import MoreMenu from '@/components/more/MoreMenu'; -import { PATH_ADMIN_CONFIGURATION, PATH_GRID_INFERRED } from '@/app-core/paths'; +import { + PATH_ADMIN_CONFIGURATION, + PATH_ADMIN_INSIGHTS, + PATH_GRID_INFERRED, +} from '@/app-core/paths'; import { useAppState } from '@/state/AppState'; import { BiCog } from 'react-icons/bi'; import { ImCheckboxUnchecked } from 'react-icons/im'; import { IoCloseSharp } from 'react-icons/io5'; +import AdminAppInsightsIcon from './AdminAppInsightsIcon'; export default function AdminAppMenu() { const { @@ -18,13 +23,19 @@ export default function AdminAppMenu() { return ( + + , + href: PATH_ADMIN_INSIGHTS, + }, { + label: 'Configuration', icon: , href: PATH_ADMIN_CONFIGURATION, }, { label: isSelecting ? 'Exit Select' - : 'Select Multiple', + : 'Select', icon: isSelecting ? dates @@ -92,31 +90,15 @@ export default function AdminNavClient({ )}
- - } - > - - - - - {DEBUG_INDICATOR_SIZE && } - + } + > + + {(icon || isLoading) &&