diff --git a/src/photo/PhotoSetHeader.tsx b/src/photo/PhotoSetHeader.tsx
index f034a867..cec0c70f 100644
--- a/src/photo/PhotoSetHeader.tsx
+++ b/src/photo/PhotoSetHeader.tsx
@@ -37,7 +37,7 @@ export default function PhotoSetHeader({
items={[
{entity}
diff --git a/src/simulation/PhotoFilmSimulation.tsx b/src/simulation/PhotoFilmSimulation.tsx
index 551ed6a7..08bb8a02 100644
--- a/src/simulation/PhotoFilmSimulation.tsx
+++ b/src/simulation/PhotoFilmSimulation.tsx
@@ -2,19 +2,18 @@ import { labelForFilmSimulation } from '@/vendors/fujifilm';
import PhotoFilmSimulationIcon from './PhotoFilmSimulationIcon';
import { pathForFilmSimulation } from '@/site/paths';
import { FilmSimulation } from '.';
-import EntityLink, { EntityType } from '@/components/EntityLink';
+import EntityLink, { EntityLinkExternalProps } from '@/components/EntityLink';
export default function PhotoFilmSimulation({
simulation,
type = 'icon-last',
badged = true,
+ dim,
countOnHover,
}: {
simulation: FilmSimulation
- type?: EntityType
- badged?: boolean
countOnHover?: number
-}) {
+} & EntityLinkExternalProps) {
const { small, medium, large } = labelForFilmSimulation(simulation);
return (
@@ -22,10 +21,14 @@ export default function PhotoFilmSimulation({
label={medium}
labelSmall={small}
href={pathForFilmSimulation(simulation)}
- icon={
}
+ icon={
}
title={`Film Simulation: ${large}`}
type={type}
badged={badged}
+ dim={dim}
hoverEntity={countOnHover}
/>
);
diff --git a/src/tag/PhotoTag.tsx b/src/tag/PhotoTag.tsx
index b86eacd6..796152ef 100644
--- a/src/tag/PhotoTag.tsx
+++ b/src/tag/PhotoTag.tsx
@@ -1,44 +1,34 @@
-import Link from 'next/link';
import { pathForTag } from '@/site/paths';
import { FaTag } from 'react-icons/fa';
import { cc } from '@/utility/css';
import { formatTag } from '.';
+import EntityLink, { EntityLinkExternalProps } from '@/components/EntityLink';
export default function PhotoTag({
tag,
- showIcon = true,
+ type,
+ badged,
+ dim,
countOnHover,
}: {
tag: string
- showIcon?: boolean
countOnHover?: number
-}) {
+} & EntityLinkExternalProps) {
return (
-
-
- {showIcon &&
- }
-
- {formatTag(tag)}
-
-
- {countOnHover !== undefined &&
-
- {' '}
- {countOnHover}
- }
-
+ />}
+ type={type}
+ badged={badged}
+ dim={dim}
+ hoverEntity={countOnHover}
+ />
);
}