From d71b1d19d71fcd35680fdce946cfc87257168a96 Mon Sep 17 00:00:00 2001
From: Jolie Rabideau <jolierabideau@Jolies-MBP.attlocal.net>
Date: Thu, 21 Sep 2023 11:16:49 -0400
Subject: [PATCH] fix icons

---
 .../extension-card.component.tsx               | 11 ++++++-----
 .../extension-list.component.tsx               |  4 ++--
 .../extension-manager-tab.component.tsx        | 18 +++++++++---------
 3 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/renderer/components/extension-manager/extension-card.component.tsx b/src/renderer/components/extension-manager/extension-card.component.tsx
index 7f3993df2b..72e359be36 100644
--- a/src/renderer/components/extension-manager/extension-card.component.tsx
+++ b/src/renderer/components/extension-manager/extension-card.component.tsx
@@ -38,11 +38,12 @@ export default function ExtensionCard({
   children,
 }: ExtensionCardProps) {
   const avatar = useMemo(
-    () =>
-      iconFilePath ? (
-        <Avatar variant="square" src={iconFilePath} alt={extensionDescription} />
-      ) : null,
-    [extensionDescription, iconFilePath],
+    () => (
+      <Avatar variant="square" src={iconFilePath ?? undefined} alt={extensionDescription}>
+        {!iconFilePath ? extensionName[0] : null}
+      </Avatar>
+    ),
+    [extensionDescription, extensionName, iconFilePath],
   );
 
   const isGallery = useMemo(() => className && className === 'square', [className]);
diff --git a/src/renderer/components/extension-manager/extension-list.component.tsx b/src/renderer/components/extension-manager/extension-list.component.tsx
index 5e8314f774..3df7be5fc3 100644
--- a/src/renderer/components/extension-manager/extension-list.component.tsx
+++ b/src/renderer/components/extension-manager/extension-list.component.tsx
@@ -28,7 +28,7 @@ export type Extension = {
   /**
    * File path to the extensions icon
    */
-  filePath?: string;
+  iconFilePath?: string;
 };
 
 type ExtensionListProps = Omit<ExtensionToggleProps, 'extensionName' | 'extensionDescription'> &
@@ -81,7 +81,7 @@ export default function ExtensionList({
           <ExtensionToggle
             className={extensionToggleClassName}
             key={ext.name}
-            iconFilePath={hasIcons ? ext.filePath : undefined}
+            iconFilePath={hasIcons ? ext.iconFilePath : undefined}
             extensionName={ext.name}
             extensionDescription={ext.description}
             toggledExtensionNames={toggledExtensionNames}
diff --git a/src/renderer/components/extension-manager/extension-manager-tab.component.tsx b/src/renderer/components/extension-manager/extension-manager-tab.component.tsx
index 925c270eba..da7c73358f 100644
--- a/src/renderer/components/extension-manager/extension-manager-tab.component.tsx
+++ b/src/renderer/components/extension-manager/extension-manager-tab.component.tsx
@@ -15,49 +15,49 @@ export function fetchExtensions(): Extension[] {
       description: 'Edit Scripture Text',
       hasUpdateAvailable: false,
       isInstalled: true,
-      filePath: undefined,
+      iconFilePath: undefined,
     } as Extension,
     {
       name: 'Resource Viewer',
       description: 'View Scripture resources',
       hasUpdateAvailable: false,
       isInstalled: true,
-      filePath: undefined,
+      iconFilePath: undefined,
     } as Extension,
     {
       name: 'Parallel Passages',
       description: 'Compare parallel passages of Scripture',
       hasUpdateAvailable: true,
       isInstalled: true,
-      filePath: undefined,
+      iconFilePath: undefined,
     } as Extension,
     {
       name: 'Psalms layer-by-layer',
       description: 'Provide resources on the Psalms from Cambridge Digital Bible Research',
       hasUpdateAvailable: true,
       isInstalled: true,
-      filePath: undefined,
+      iconFilePath: undefined,
     } as Extension,
     {
       name: 'Hello World',
       description: 'Example Bundled Extension',
-      hasUpdateAvailable: false,
-      isInstalled: true,
-      filePath: undefined,
+      hasUpdateAvailable: true,
+      isInstalled: false,
+      iconFilePath: undefined,
     } as Extension,
     {
       name: 'Hello Someone',
       description: 'Example Bundled Extension',
       hasUpdateAvailable: true,
       isInstalled: false,
-      filePath: undefined,
+      iconFilePath: undefined,
     } as Extension,
     {
       name: 'Quick Verse',
       description: 'Example Bundled Extension',
       hasUpdateAvailable: false,
       isInstalled: false,
-      filePath: 'papi-extension://quick-verse/assets/letter-q.png',
+      iconFilePath: 'papi-extension://quick-verse/assets/letter-q.png',
     } as Extension,
   ];
 }