From e7658eb8a27734c50963c972bbd73d2fb49d1b74 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 30 Sep 2023 10:57:09 -0500
Subject: [PATCH] Abbreviate Apple to symbol on core pages

---
 src/photo/PhotoLarge.tsx     |  5 ++---
 src/photo/PhotoMakeModel.tsx | 22 ++++++++++++++++++++++
 2 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/photo/PhotoMakeModel.tsx

diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index 1510411c..5e11a715 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -6,6 +6,7 @@ import Link from 'next/link';
 import { pathForPhoto, pathForPhotoShare } from '@/site/paths';
 import PhotoTags from '@/tag/PhotoTags';
 import ShareButton from '@/components/ShareButton';
+import PhotoMakeModel from './PhotoMakeModel';
 
 export default function PhotoLarge({
   photo,
@@ -63,9 +64,7 @@ export default function PhotoLarge({
               {tagsToShow.length > 0 &&
                 <PhotoTags tags={tagsToShow} />}
             </div>
-            <div className="uppercase">
-              {photo.make} {photo.model}
-            </div>
+            <PhotoMakeModel photo={photo} />
           </>)}
           {renderMiniGrid(<>
             <ul className={cc(
diff --git a/src/photo/PhotoMakeModel.tsx b/src/photo/PhotoMakeModel.tsx
new file mode 100644
index 00000000..99957c58
--- /dev/null
+++ b/src/photo/PhotoMakeModel.tsx
@@ -0,0 +1,22 @@
+import { Photo } from '.';
+import { AiFillApple } from 'react-icons/ai';
+import { cc } from '@/utility/css';
+
+export default function PhotoMakeModel({
+  photo,
+}: {
+  photo: Photo
+}) {
+  return (
+    <div className={cc(
+      'inline-flex items-center self-start',
+      'uppercase',
+    )}>
+      {photo.make === 'Apple'
+        ? <AiFillApple className="translate-y-[-0.5px]" />
+        : photo.make}
+      &nbsp;
+      {photo.model}
+    </div>
+  );
+}