diff --git a/src/client/components/Dashboard/RecentlyImported.tsx b/src/client/components/Dashboard/RecentlyImported.tsx
index 22934f7..8e0e619 100644
--- a/src/client/components/Dashboard/RecentlyImported.tsx
+++ b/src/client/components/Dashboard/RecentlyImported.tsx
@@ -49,15 +49,12 @@ export const RecentlyImported = ({
               source: { name },
             },
           }) => {
-            const consolidatedComicMetadata = {
+            const { issueName, url } = determineCoverFile({
               rawFileDetails,
               comicvine,
               comicInfo,
               locg,
-            };
-            const { issueName, url } = determineCoverFile(
-              consolidatedComicMetadata,
-            );
+            });
             const { issue, coverURL, icon } = determineExternalMetadata(name, {
               comicvine,
               comicInfo,
diff --git a/src/client/components/shared/MetadataPanel.tsx b/src/client/components/shared/MetadataPanel.tsx
new file mode 100644
index 0000000..8dd9320
--- /dev/null
+++ b/src/client/components/shared/MetadataPanel.tsx
@@ -0,0 +1,17 @@
+import PropTypes from "prop-types";
+import ellipsize from "ellipsize";
+import convert from "html-to-text";
+import { escapePoundSymbol } from "../../shared/utils/formatting.utils";
+import prettyBytes from "pretty-bytes";
+import { LIBRARY_SERVICE_HOST } from "../../constants/endpoints";
+import { Card } from "../Carda";
+
+interface IMetadatPanelProps {
+    
+  }
+export const MetadataPanel = (props: IMetadatPanelProps): ReactElement => {
+
+    
+};
+
+export default MetadataPanel;