From fdc35beff1ccc416707097f948ce926ab48ca84f Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Fri, 27 Oct 2023 15:00:37 -0700
Subject: [PATCH] Add placeholder film simulation icon

---
 .../admin/uploads/[uploadPath]/page.tsx       |  2 +-
 src/photo/PhotoLarge.tsx                      | 16 ++--
 src/photo/form.ts                             |  2 +-
 .../fujifilm/PhotoFujifilmSimulation.tsx      | 77 +++++++++++++++++++
 .../fujifilm.ts => vendors/fujifilm/index.ts} |  0
 5 files changed, 90 insertions(+), 7 deletions(-)
 create mode 100644 src/vendors/fujifilm/PhotoFujifilmSimulation.tsx
 rename src/{utility/fujifilm.ts => vendors/fujifilm/index.ts} (100%)

diff --git a/src/app/(auth-state)/admin/uploads/[uploadPath]/page.tsx b/src/app/(auth-state)/admin/uploads/[uploadPath]/page.tsx
index 2dc78856..a908701f 100644
--- a/src/app/(auth-state)/admin/uploads/[uploadPath]/page.tsx
+++ b/src/app/(auth-state)/admin/uploads/[uploadPath]/page.tsx
@@ -8,7 +8,7 @@ import {
   FujifilmSimulation,
   getFujifilmSimulationFromMakerNote,
   isExifForFujifilm,
-} from '@/utility/fujifilm';
+} from '@/vendors/fujifilm';
 
 interface Params {
   params: { uploadPath: string }
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index ce16d094..4847acc0 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -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) &&
diff --git a/src/photo/form.ts b/src/photo/form.ts
index 012e2249..0e055799 100644
--- a/src/photo/form.ts
+++ b/src/photo/form.ts
@@ -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>;
 
diff --git a/src/vendors/fujifilm/PhotoFujifilmSimulation.tsx b/src/vendors/fujifilm/PhotoFujifilmSimulation.tsx
new file mode 100644
index 00000000..d075ff0f
--- /dev/null
+++ b/src/vendors/fujifilm/PhotoFujifilmSimulation.tsx
@@ -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>
+  );
+}
diff --git a/src/utility/fujifilm.ts b/src/vendors/fujifilm/index.ts
similarity index 100%
rename from src/utility/fujifilm.ts
rename to src/vendors/fujifilm/index.ts