50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import { ReactNode } from 'react';
|
|
import { Photo } from '@/photo';
|
|
import Link from 'next/link';
|
|
import { AnimationConfig } from '../components/AnimateItems';
|
|
import { useAppState } from '@/state/AppState';
|
|
import { pathForPhoto } from '@/site/paths';
|
|
import { Camera } from '@/camera';
|
|
import { FilmSimulation } from '@/simulation';
|
|
|
|
export default function PhotoLink({
|
|
photo,
|
|
tag,
|
|
camera,
|
|
simulation,
|
|
prefetch,
|
|
nextPhotoAnimation,
|
|
children,
|
|
}: {
|
|
photo?: Photo
|
|
tag?: string
|
|
camera?: Camera
|
|
simulation?: FilmSimulation
|
|
prefetch?: boolean
|
|
nextPhotoAnimation?: AnimationConfig
|
|
children: ReactNode
|
|
}) {
|
|
const { setNextPhotoAnimation } = useAppState();
|
|
|
|
return (
|
|
photo
|
|
? <Link
|
|
href={pathForPhoto(photo, tag, camera, simulation)}
|
|
prefetch={prefetch}
|
|
onClick={() => {
|
|
if (nextPhotoAnimation) {
|
|
setNextPhotoAnimation?.(nextPhotoAnimation);
|
|
}
|
|
}}
|
|
scroll={false}
|
|
>
|
|
{children}
|
|
</Link>
|
|
: <span className="text-gray-300 dark:text-gray-700 cursor-default">
|
|
{children}
|
|
</span>
|
|
);
|
|
};
|