From 954c11101ca73a69ba985d9cbc9beae20a8bb985 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Tue, 5 Sep 2023 23:38:04 -0500
Subject: [PATCH] fix type errors

---
 src/components/ResourceTable.tsx        | 4 ++--
 src/components/admin/common.tsx         | 6 +++---
 src/components/admin/resources/form.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ResourceTable.tsx b/src/components/ResourceTable.tsx
index 444a50c..d2575f0 100644
--- a/src/components/ResourceTable.tsx
+++ b/src/components/ResourceTable.tsx
@@ -49,7 +49,7 @@ export const ResourceInfo = ({
               <ResourcePhoto
                 name={resource.name}
                 photo={resource.photo}
-                src={resource.icon}
+                src={resource.icon ?? undefined}
               />
               <span className="block rounded-lg border border-neutral-900 bg-neutral-900 py-[1px] text-center text-white hover:bg-neutral-500 print:hidden">
                 more info
@@ -61,7 +61,7 @@ export const ResourceInfo = ({
             <ResourcePhoto
               name={resource.name}
               photo={resource.photo}
-              src={resource.icon}
+              src={resource.icon ?? undefined}
             />
           </div>
         )}
diff --git a/src/components/admin/common.tsx b/src/components/admin/common.tsx
index 71beaa8..147bda3 100644
--- a/src/components/admin/common.tsx
+++ b/src/components/admin/common.tsx
@@ -1,6 +1,6 @@
 import { ExclamationCircleIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
-import { useEffect, useState } from "react";
+import { type ButtonHTMLAttributes, useEffect, useState } from "react";
 
 const AdminActionBody = ({
   label,
@@ -49,7 +49,7 @@ const AdminActionConfirmButton = ({
   label: string;
   onConfirm?: () => void;
   symbol: JSX.Element | undefined;
-  type?: HTMLButtonElement["type"];
+  type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
 }) => {
   const [isConfirmView, setConfirmView] = useState(false);
 
@@ -96,7 +96,7 @@ const AdminActionButton = ({
   label: string;
   onClick?: () => void;
   symbol: JSX.Element | undefined;
-  type?: HTMLButtonElement["type"];
+  type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
 }) => {
   return (
     <button
diff --git a/src/components/admin/resources/form.tsx b/src/components/admin/resources/form.tsx
index 13c124e..d1bae78 100644
--- a/src/components/admin/resources/form.tsx
+++ b/src/components/admin/resources/form.tsx
@@ -93,7 +93,7 @@ const SelectImageInput = () => {
             <ResourcePhoto
               name={name ?? "unknown resource logo"}
               photo={photo}
-              src={icon}
+              src={icon ?? undefined}
             />
             <div className="absolute bottom-0 left-0 right-0 top-0 hidden place-items-center group-hover:grid group-hover:bg-white/70">
               <PencilSquareIcon className="w-16 text-black/50" />