Refine admin more menu

This commit is contained in:
Sam Becker 2024-02-10 16:25:22 -06:00
parent d860777604
commit 9aaed392dc
2 changed files with 13 additions and 9 deletions

View File

@ -4,10 +4,9 @@ import { ComponentProps } from 'react';
import { pathForAdminPhotoEdit } from '@/site/paths';
import MoreMenu from '../components/MoreMenu';
import { toggleFavoritePhoto } from '@/photo/actions';
import { FaRegEdit, FaStar } from 'react-icons/fa';
import { FaRegEdit, FaRegStar, FaStar } from 'react-icons/fa';
import { Photo } from '@/photo';
import { isPathFavs, isPhotoFav } from '@/tag';
import clsx from 'clsx/lite';
import { usePathname } from 'next/navigation';
export default function AdminPhotoMenuClient({
@ -28,10 +27,15 @@ export default function AdminPhotoMenuClient({
href: pathForAdminPhotoEdit(photo.id),
}, {
label: isFav ? 'Unfavorite' : 'Favorite',
icon: <FaStar stroke='text-amber-500' className={clsx(
'translate-x-[-1px]',
isFav && 'text-amber-500',
)} />,
icon: isFav
? <FaStar
size={14}
className="translate-y-[-1px] text-amber-500"
/>
: <FaRegStar
size={14}
className="translate-x-[-1px]"
/>,
action: () => toggleFavoritePhoto(photo.id, shouldRedirect),
},
],

View File

@ -29,6 +29,7 @@ export default function MoreMenu({
'hover:bg-gray-50 active:bg-gray-100',
'hover:dark:bg-gray-900/75 active:dark:bg-gray-900',
'whitespace-nowrap',
'shadow-none',
isLoading && 'cursor-not-allowed opacity-50',
);
@ -56,11 +57,10 @@ export default function MoreMenu({
<FiMoreHorizontal size={18} />
</Menu.Button>
<Menu.Items className={clsx(
'block outline-none h-auto',
'absolute top-6',
'text-left',
'min-w-[9rem]',
'text-sm text-left',
'md:right-1',
'text-sm',
'p-1 rounded-md border',
'bg-content',
'shadow-lg dark:shadow-xl',