strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update configuration icon

Browse Source
This commit is contained in:
Sam Becker 2025-02-10 00:02:31 -06:00
parent befdf2b868
commit eedd86efae
2 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/admin/AdminNavClient.tsx
View File

@ -18,8 +18,8 @@ import { clsx } from 'clsx/lite';
import { differenceInMinutes } from 'date-fns';
import { usePathname } from 'next/navigation';
import { useEffect, useMemo, useState } from 'react';
import { BiCog } from 'react-icons/bi';
import { FaRegClock } from 'react-icons/fa';
import { HiOutlineCog } from 'react-icons/hi';
import { TbInfoSquareRounded } from 'react-icons/tb';
// Updates considered recent if they occurred in past 5 minutes
@ -89,38 +89,40 @@ export default function AdminNavClient({
<span>({count})</span>}
</LinkWithStatus>)}
</div>
<span className="inline-flex relative">
<div className="flex gap-3">
<span className="inline-flex relative">
<LinkWithLoader
href={PATH_ADMIN_INSIGHTS}
className={isPathAdminInsights(pathname)
? 'font-bold'
: 'text-dim'}
loader={<Spinner />}
>
<TbInfoSquareRounded
size={19}
className="inline-flex translate-y-0.5"
aria-label="App Configuration"
/>
</LinkWithLoader>
<span className={clsx(
'absolute top-[1px] right-[-1px] w-2 h-2 rounded-full',
'bg-blue-600',
)} />
</span>
<LinkWithLoader
href={PATH_ADMIN_INSIGHTS}
className={isPathAdminInsights(pathname)
href={PATH_ADMIN_CONFIGURATION}
className={isPathAdminConfiguration(pathname)
? 'font-bold'
: 'text-dim'}
loader={<Spinner />}
>
<TbInfoSquareRounded
size={19}
className="inline-flex translate-y-0.5"
<HiOutlineCog
size={20}
className="inline-flex translate-y-[1px]"
aria-label="App Configuration"
/>
</LinkWithLoader>
<span className={clsx(
'absolute top-[1px] right-[-1px] w-2 h-2 rounded-full',
'bg-blue-600',
)} />
</span>
<LinkWithLoader
href={PATH_ADMIN_CONFIGURATION}
className={isPathAdminConfiguration(pathname)
? 'font-bold'
: 'text-dim'}
loader={<Spinner />}
>
<BiCog
size={18}
className="inline-flex translate-y-0.5"
aria-label="App Configuration"
/>
</LinkWithLoader>
</div>
</div>
{shouldShowBanner &&
<Note icon={<FaRegClock className="shrink-0" />}>

4
src/site/SiteChecklistClient.tsx
View File

@ -8,12 +8,12 @@ import { clsx } from 'clsx/lite';
import ChecklistRow from '../components/ChecklistRow';
import { FiExternalLink } from 'react-icons/fi';
import {
BiCog,
BiData,
BiHide,
BiLockAlt,
BiPencil,
} from 'react-icons/bi';
import { HiOutlineCog } from 'react-icons/hi';
import Checklist from '@/components/Checklist';
import { ConfigChecklistStatus } from './config';
import StatusIcon from '@/components/StatusIcon';
@ -616,7 +616,7 @@ export default function SiteChecklistClient({
</Checklist>
<Checklist
title="Settings"
icon={<BiCog size={16} />}
icon={<HiOutlineCog size={17} className="translate-y-[0.5px]" />}
optional
>
<ChecklistRow