Fix admin visibility icon spacing

This commit is contained in:
Sam Becker 2025-07-17 09:30:10 -05:00
parent 76621b965b
commit 6f677ec906
2 changed files with 12 additions and 6 deletions

View File

@ -17,6 +17,7 @@ import { Timezone } from '@/utility/timezone';
import Tooltip from '@/components/Tooltip';
import { photoNeedsToBeSynced, getPhotoSyncStatusText } from '@/photo/sync';
import PhotoVisibilityIcon from '@/photo/visibility/PhotoVisibilityIcon';
import { doesPhotoHaveDefaultVisibility } from '@/photo/visibility';
export default function AdminPhotosTable({
photos,
@ -78,12 +79,13 @@ export default function AdminPhotosTable({
{titleForPhoto(photo, false)}
</Link>
</span>
<span className={clsx(
'inline-flex items-center',
photo.hidden && 'text-dim',
)}>
<PhotoVisibilityIcon photo={photo} />
</span>
{!doesPhotoHaveDefaultVisibility(photo) &&
<span className={clsx(
'inline-flex items-center',
photo.hidden && 'text-dim',
)}>
<PhotoVisibilityIcon photo={photo} />
</span>}
{photoNeedsToBeSynced(photo) &&
<span>
<Tooltip

View File

@ -2,6 +2,7 @@ import IconHidden from '@/components/icons/IconHidden';
import { PhotoFormData } from '../form';
import IconLock from '@/components/icons/IconLock';
import { SelectMenuOptionType } from '@/components/SelectMenuOption';
import { Photo } from '..';
export type VisibilityValue = 'default' | 'exclude' | 'private';
@ -58,3 +59,6 @@ export const didVisibilityChange = (
original: Partial<PhotoFormData>,
current: Partial<PhotoFormData>,
) => getVisibilityValue(original) !== getVisibilityValue(current);
export const doesPhotoHaveDefaultVisibility = (photo: Photo) =>
!photo.hidden && !photo.excludeFromFeeds;