39 lines
910 B
TypeScript
39 lines
910 B
TypeScript
import { Photo, PhotoDateRange } from '@/photo';
|
|
import PhotoTag from './PhotoTag';
|
|
import { descriptionForTaggedPhotos, isTagFavs } from '.';
|
|
import PhotoHeader from '@/photo/PhotoHeader';
|
|
import FavsTag from './FavsTag';
|
|
|
|
export default function TagHeader({
|
|
tag,
|
|
photos,
|
|
selectedPhoto,
|
|
indexNumber,
|
|
count,
|
|
dateRange,
|
|
}: {
|
|
tag: string
|
|
photos: Photo[]
|
|
selectedPhoto?: Photo
|
|
indexNumber?: number
|
|
count?: number
|
|
dateRange?: PhotoDateRange
|
|
}) {
|
|
return (
|
|
<PhotoHeader
|
|
tag={tag}
|
|
entity={isTagFavs(tag)
|
|
? <FavsTag contrast="high" />
|
|
: <PhotoTag tag={tag} contrast="high" />}
|
|
entityVerb="Tagged"
|
|
entityDescription={descriptionForTaggedPhotos(photos, undefined, count)}
|
|
photos={photos}
|
|
selectedPhoto={selectedPhoto}
|
|
indexNumber={indexNumber}
|
|
count={count}
|
|
dateRange={dateRange}
|
|
includeShareButton
|
|
/>
|
|
);
|
|
}
|