From 6ba185bbe6a4b35e0340b708ba00711648692574 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 28 Oct 2023 13:24:54 -0500
Subject: [PATCH] Tweak test film simulation icon

---
 src/photo/PhotoLarge.tsx                      |   2 +-
 .../fujifilm/PhotoFujifilmSimulation.tsx      | 101 ++++++------------
 2 files changed, 35 insertions(+), 68 deletions(-)

diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index 16584c88..e12c1a30 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -75,7 +75,7 @@ export default function PhotoLarge({
                 <PhotoTags tags={tagsToShow} />}
             </div>
             {showCamera && photoHasCameraData(photo) &&
-              <div className="inline-flex items-center">
+              <div className="self-start inline-flex items-center">
                 <PhotoCamera
                   camera={camera}
                   showIcon={false}
diff --git a/src/vendors/fujifilm/PhotoFujifilmSimulation.tsx b/src/vendors/fujifilm/PhotoFujifilmSimulation.tsx
index d075ff0f..7b20a7d8 100644
--- a/src/vendors/fujifilm/PhotoFujifilmSimulation.tsx
+++ b/src/vendors/fujifilm/PhotoFujifilmSimulation.tsx
@@ -1,77 +1,44 @@
 /* eslint-disable max-len */
-import { FujifilmSimulation } from '@/vendors/fujifilm';
+import { FujifilmSimulation, getLabelForFilmSimulation } from '@/vendors/fujifilm';
 
 export default function PhotoFilmSimulation({
-  simulation: _simulation,
+  simulation,
 }: {
   simulation: FujifilmSimulation;
 }) {
+  const contentForSimulation = () => {
+    switch (simulation) {
+    default:
+      return (
+        <>
+          <g clip-path="url(#clip0_256_511)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 15H23.5C23.6381 15 23.75 14.8881 23.75 14.75V10.5144C23.75 10.4516 23.7737 10.391 23.8163 10.3448L26.6839 7.23849C26.7265 7.19231 26.7502 7.13177 26.7502 7.06892V3.25C26.7502 3.11193 26.6405 3 26.5024 3H17.2474C17.1094 3 17 3.11194 17 3.25001L17.0002 5.99999C17.0002 6.13806 16.8882 6.25 16.7502 6.25H15.7502C15.6121 6.25 15.5002 6.36192 15.5002 6.49999L15.5 11.5C15.5 11.6381 15.6119 11.75 15.75 11.75H16.75C16.8881 11.75 17 11.8619 17 12V14.75C17 14.8881 17.1119 15 17.25 15ZM19.75 4H18V5.5H19.75V4ZM18 12.5H19.75V14H18V12.5ZM22.75 4H21V5.5H22.75V4ZM21 12.5H22.75V14H21V12.5ZM25.75 4H24V5.5H25.75V4Z" fill="currentColor"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M5 2.99999L2.25 2.99999C2.11193 2.99999 2 3.11192 2 3.24999V4.74998C2 4.88806 2.11193 4.99998 2.25 4.99998H3.00001C3.13808 4.99998 3.25001 5.11191 3.25001 5.24999L3.25 12.75C3.25 12.8881 3.13807 13 3 13H2.25C2.11193 13 2 13.1119 2 13.25V14.75C2 14.8881 2.11193 15 2.25 15H14C14.1381 15 14.25 14.8881 14.25 14.75V13.25C14.25 13.1119 14.1381 13 14 13H13.25C13.1119 13 13 12.8881 13 12.75L13 5.25C13 5.11193 13.112 5 13.25 5H14C14.1381 5 14.25 4.88807 14.25 4.75V3.24999C14.25 3.11192 14.1381 2.99999 14 2.99999L11.25 2.99999C11.1119 2.99998 11 2.88806 11 2.74999V1.24998C11 1.11191 10.8881 0.999985 10.75 0.999985H5.5C5.36193 0.999985 5.25 1.11191 5.25 1.24998V2.74999C5.25 2.88806 5.13807 2.99998 5 2.99999ZM5.02318 4.8975L7.32943 12.75H9.21943L11.4807 4.8975H9.86068L8.62318 9.6675L8.37568 11.2875H8.19568L7.94818 9.6675L6.68818 4.8975H5.02318Z" fill="currentColor"/>
+          </g>
+          <defs>
+            <clipPath id="clip0_256_511">
+              <rect width="28" height="16" fill="currentColor"/>
+            </clipPath>
+          </defs>
+        </>
+      );
+    }
+  };
+  
   return (
-    <svg
-      width="23"
-      height="15"
-      viewBox="0 0 23 15"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
+    <span
+      title={getLabelForFilmSimulation(simulation)}
+      className="text-dim"
     >
-      <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>
+      <svg
+        width="28"
+        height="16"
+        viewBox="0 0 28 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        {contentForSimulation()}
+      </svg>
+    </span>
   );
 }