Add placeholder film simulation icon

This commit is contained in:
Sam Becker 2023-10-27 15:00:37 -07:00
parent 7509b96c20
commit fdc35beff1
5 changed files with 90 additions and 7 deletions

View File

@ -8,7 +8,7 @@ import {
FujifilmSimulation,
getFujifilmSimulationFromMakerNote,
isExifForFujifilm,
} from '@/utility/fujifilm';
} from '@/vendors/fujifilm';
interface Params {
params: { uploadPath: string }

View File

@ -8,6 +8,8 @@ import PhotoTags from '@/tag/PhotoTags';
import ShareButton from '@/components/ShareButton';
import PhotoCamera from '../camera/PhotoCamera';
import { Camera, cameraFromPhoto } from '@/camera';
import PhotoFujifilmSimulation from
'@/vendors/fujifilm/PhotoFujifilmSimulation';
export default function PhotoLarge({
photo,
@ -73,11 +75,15 @@ export default function PhotoLarge({
<PhotoTags tags={tagsToShow} />}
</div>
{showCamera && photoHasCameraData(photo) &&
<PhotoCamera
camera={camera}
showIcon={false}
hideApple={false}
/>}
<div className="inline-flex items-center">
<PhotoCamera
camera={camera}
showIcon={false}
hideApple={false}
/>
&nbsp;
<PhotoFujifilmSimulation simulation="Velvia" />
</div>}
</>)}
{renderMiniGrid(<>
{photoHasExifData(photo) &&

View File

@ -8,7 +8,7 @@ import { getOffsetFromExif } from '@/utility/exif';
import { toFixedNumber } from '@/utility/number';
import { convertStringToArray } from '@/utility/string';
import { generateNanoid } from '@/utility/nanoid';
import { FujifilmSimulation } from '@/utility/fujifilm';
import { FujifilmSimulation } from '@/vendors/fujifilm';
export type PhotoFormData = Record<keyof PhotoDbInsert, string>;

View File

@ -0,0 +1,77 @@
/* eslint-disable max-len */
import { FujifilmSimulation } from '@/vendors/fujifilm';
export default function PhotoFilmSimulation({
simulation: _simulation,
}: {
simulation: FujifilmSimulation;
}) {
return (
<svg
width="23"
height="15"
viewBox="0 0 23 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_240_5)">
<path
d="M1.29156 2.00001L4.00092 2C4.27706 2 4.50001 1.77614 4.50001 1.5C4.50001 1.22386 4.72387 1 5.00001 1H8.50001C8.77615 1 9.00001 1.22386 9.00001 1.5C9.00001 1.77614 9.22387 2 9.50001 2L11.6668 2.00001C11.989 2.00001 12.2501 2.26118 12.2501 2.58334V2.75001C12.2501 3.07218 12.5075 3.33334 12.8296 3.33334H21.6674C21.9896 3.33334 22.2501 3.59451 22.2501 3.91668V7.70834C22.2501 7.89195 22.1637 8.06485 22.0168 8.17501L20.1501 9.57501C20.0032 9.68518 19.9168 9.85807 19.9168 10.0417L19.9168 12.1667C19.9168 12.4888 19.6556 12.75 19.3334 12.75H12.8333C12.5112 12.75 12.25 13.0112 12.25 13.3333V13.4167C12.25 13.7388 11.9888 14 11.6667 14H1.29167C1.13058 14 1 13.8694 1 13.7083V12.7917C1 12.6306 1.13058 12.5 1.29167 12.5H2L2.00001 3.5H1.29168C1.13059 3.5 1.00001 3.36942 1.00001 3.20833V2.29168C1.00001 2.13059 1.13048 2.00001 1.29156 2.00001Z"
fill="white"
/>
<rect
x="14.25"
y="10.25"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="16.75"
y="10.25"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="14.25"
y="4.5"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="16.75"
y="4.5"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="19.25"
y="4.5"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<path
d="M5.537 11.75L3.5945 4.421H5.348L6.209 8.1485L6.6395 10.259H6.7235L7.1645 8.1485L8.036 4.421H9.7055L7.763 11.75H5.537Z"
fill="black"
/>
<line
x1="12.25"
y1="1"
x2="12.25"
y2="16"
stroke="black"
stroke-width="1.5"
/>
</g>
</svg>
);
}