From 5fae03b483ede90898b7023327e5e019dc640839 Mon Sep 17 00:00:00 2001
From: Oliver Booth <git@olivr.me>
Date: Sat, 2 Mar 2024 05:32:27 +0000
Subject: [PATCH] fix: null check headshot

---
 src/ts/app.ts | 50 ++++++++++++++++++++++++++------------------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/ts/app.ts b/src/ts/app.ts
index fc7b176..ac67ee4 100644
--- a/src/ts/app.ts
+++ b/src/ts/app.ts
@@ -107,31 +107,33 @@ declare const Prism: any;
 
     let avatarType = 0;
     const headshot = document.getElementById("index-headshot") as HTMLImageElement;
-    headshot.addEventListener("click", (ev: MouseEvent) => {
-        if (avatarType === 0) {
-            headshot.classList.add("headshot-spin", "headshot-spin-start");
-            setTimeout(() => {
-                headshot.classList.remove("headshot-spin-start");
-                headshot.src = "/img/avatar_512x512.jpg"
-                headshot.classList.add("headshot-spin", "headshot-spin-end");
-
+    if (headshot) {
+        headshot.addEventListener("click", (ev: MouseEvent) => {
+            if (avatarType === 0) {
+                headshot.classList.add("headshot-spin", "headshot-spin-start");
                 setTimeout(() => {
-                    headshot.classList.remove("headshot-spin", "headshot-spin-end");
-                    avatarType = 1;
-                }, 800);
-            }, 400);
-        } else if (avatarType === 1) {
-            headshot.classList.add("headshot-spin", "headshot-spin-start");
-            setTimeout(() => {
-                headshot.classList.remove("headshot-spin-start");
-                headshot.src = "/img/headshot_512x512_2023.jpg"
-                headshot.classList.add("headshot-spin", "headshot-spin-end");
+                    headshot.classList.remove("headshot-spin-start");
+                    headshot.src = "/img/avatar_512x512.jpg"
+                    headshot.classList.add("headshot-spin", "headshot-spin-end");
 
+                    setTimeout(() => {
+                        headshot.classList.remove("headshot-spin", "headshot-spin-end");
+                        avatarType = 1;
+                    }, 800);
+                }, 400);
+            } else if (avatarType === 1) {
+                headshot.classList.add("headshot-spin", "headshot-spin-start");
                 setTimeout(() => {
-                    headshot.classList.remove("headshot-spin", "headshot-spin-end");
-                    avatarType = 0;
-                }, 800);
-            }, 400);
-        }
-    });
+                    headshot.classList.remove("headshot-spin-start");
+                    headshot.src = "/img/headshot_512x512_2023.jpg"
+                    headshot.classList.add("headshot-spin", "headshot-spin-end");
+
+                    setTimeout(() => {
+                        headshot.classList.remove("headshot-spin", "headshot-spin-end");
+                        avatarType = 0;
+                    }, 800);
+                }, 400);
+            }
+        });
+    }
 })();