diff --git a/src/camera/PhotoCamera.tsx b/src/camera/PhotoCamera.tsx index 15f58ede..1f9eb84c 100644 --- a/src/camera/PhotoCamera.tsx +++ b/src/camera/PhotoCamera.tsx @@ -3,7 +3,6 @@ import { pathForCamera } from '@/site/paths'; import { IoMdCamera } from 'react-icons/io'; import { Camera, formatCameraText } from '.'; import EntityLink, { EntityLinkExternalProps } from '@/components/EntityLink'; -import { clsx } from 'clsx/lite'; export default function PhotoCamera({ camera, @@ -27,18 +26,12 @@ export default function PhotoCamera({ icon={showAppleIcon ? : } type={showAppleIcon && isCameraApple ? 'icon-first' : type} badged={badged} diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx index 3e704dd5..3f999b2e 100644 --- a/src/photo/PhotoLarge.tsx +++ b/src/photo/PhotoLarge.tsx @@ -16,7 +16,7 @@ import { cameraFromPhoto } from '@/camera'; import PhotoFilmSimulation from '@/simulation/PhotoFilmSimulation'; import { sortTags } from '@/tag'; import AdminPhotoMenu from '@/admin/AdminPhotoMenu'; -import { Suspense, useMemo } from 'react'; +import { Suspense } from 'react'; export default function PhotoLarge({ photo, @@ -49,13 +49,6 @@ export default function PhotoLarge({ const showExifRow = shouldShowExifDataForPhoto(photo); - const rowCount = useMemo(() => { - let count = 1; - if (showCameraRow) { count++; } - if (showExifRow) { count++; } - return count; - }, [showCameraRow, showExifRow]); - return ( *:not(:last-child)]:pr-3', )}> {/* Meta */} -
-
-
- - {titleForPhoto(photo)} - -
- -
- +
+
+
+
+ + {titleForPhoto(photo)} +
- -
- {photo.caption && <> -
- {photo.caption} + +
+ +
+
- {tags.length > 0 && -
} - } - {tags.length > 0 && - } + {photo.caption && +
+ {photo.caption} +
} +
+ {(showCameraRow || tags.length > 0) && +
+ {showCameraRow && + } + {tags.length > 0 && + } +
}
- {/* EXIF: Camera + Film Simulation */} - {showCameraRow && -
- - {showSimulation && photo.filmSimulation && -
+ {/* EXIF Data */} +
+ {showExifRow && + <> +
    +
  • + {photo.focalLengthFormatted} + {photo.focalLengthIn35MmFormatFormatted && + <> + {' '} + + {photo.focalLengthIn35MmFormatFormatted} + + } +
  • +
  • {photo.fNumberFormatted}
  • +
  • {photo.exposureTimeFormatted}
  • +
  • {photo.isoFormatted}
  • +
  • {photo.exposureCompensationFormatted ?? '0ev'}
  • +
+ {showSimulation && photo.filmSimulation && -
} -
} - {/* EXIF: Details */} - {showExifRow && -
    -
  • - {photo.focalLengthFormatted} - {photo.focalLengthIn35MmFormatFormatted && - <> - {' '} - - {photo.focalLengthIn35MmFormatFormatted} - - } -
  • -
  • {photo.fNumberFormatted}
  • -
  • {photo.exposureTimeFormatted}
  • -
  • {photo.isoFormatted}
  • -
  • {photo.exposureCompensationFormatted ?? '—'}
  • -
} - {/* Date + Share */} -
+ />} + }
- {photo.takenAtNaiveFormatted} +
+ {photo.takenAtNaiveFormatted} +
+
-
} />