From 338a46224d85172b0756665f8a991c508493574d Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 20 Feb 2025 17:34:21 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Added=20an=20interface=20for=20C?=
 =?UTF-8?q?omicDetail?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ComicDetail/ComicDetail.tsx    | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/client/components/ComicDetail/ComicDetail.tsx b/src/client/components/ComicDetail/ComicDetail.tsx
index 293982c..af48dc2 100644
--- a/src/client/components/ComicDetail/ComicDetail.tsx
+++ b/src/client/components/ComicDetail/ComicDetail.tsx
@@ -34,7 +34,24 @@ import { styled } from "styled-components";
 import { COMICVINE_SERVICE_URI } from "../../constants/endpoints";
 import { refineQuery } from "filename-parser";
 
-type ComicDetailProps = {};
+interface ComicDetailProps {
+  data: {
+    _id: string;
+    rawFileDetails: {};
+    inferredMetadata: {
+      issue: {};
+    };
+    sourcedMetadata: {
+      comicvine: {};
+      locg: {};
+      comicInfo: {};
+    };
+    acquisition: {};
+    createdAt: string;
+    updatedAt: string;
+  };
+  userSettings: {};
+}
 /**
  * Component for displaying the metadata for a comic in greater detail.
  *
@@ -68,7 +85,7 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
 
   // const dispatch = useDispatch();
 
-  const openModal = useCallback((filePath) => {
+  const openModal = useCallback((filePath: string) => {
     setIsOpen(true);
     // dispatch(
     //   extractComicArchive(filePath, {