From 68d22fd69f605ac531846b43e99c77019de0f3b4 Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Sun, 3 Apr 2022 22:10:46 -0700
Subject: [PATCH] fix error on logout

---
 net/web/src/User/SideBar/Contacts/Cards/Cards.jsx        | 4 +---
 .../User/SideBar/Contacts/Cards/Registry/Registry.jsx    | 9 ++++++++-
 .../SideBar/Contacts/Cards/Registry/useRegistry.hook.js  | 9 ++++++---
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/net/web/src/User/SideBar/Contacts/Cards/Cards.jsx b/net/web/src/User/SideBar/Contacts/Cards/Cards.jsx
index 86a192d8..89a1e24d 100644
--- a/net/web/src/User/SideBar/Contacts/Cards/Cards.jsx
+++ b/net/web/src/User/SideBar/Contacts/Cards/Cards.jsx
@@ -27,9 +27,7 @@ export function Cards({ showRegistry }) {
     if (actions?.getCardImageUrl) {
       return actions.getCardImageUrl(item.id, item.revision);
     }
-    else {
-      return null
-    }
+    return null
   }
 
   return (
diff --git a/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.jsx b/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.jsx
index 9f62a4d5..164999b3 100644
--- a/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.jsx
+++ b/net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.jsx
@@ -13,6 +13,13 @@ export function Registry() {
     actions.select(item);
   };
 
+  const registryImage = (item) => {
+    if (actions?.getRegistryImageUrl) {
+      return actions.getRegistryImageUrl(item.guid, item.revision);
+    }
+    return null
+  }
+
   return (
     <RegistryWrapper>
       <Input.Search placeholder="Server" value={state.server} onChange={(e) => actions.setServer(e.target.Value)} 
@@ -27,7 +34,7 @@ export function Registry() {
             <RegistryItem onClick={() => onSelect(item)}>
               <div class="item">
                 <div class="logo">
-                  <Logo imageUrl={actions.getRegistryImageUrl(item.guid, item.revision)}
+                  <Logo imageUrl={registryImage(item)}
                     imageSet={item.imageSet} />
                 </div>
                 <div class="username">
diff --git a/net/web/src/User/SideBar/Contacts/Cards/Registry/useRegistry.hook.js b/net/web/src/User/SideBar/Contacts/Cards/Registry/useRegistry.hook.js
index 2e75867d..cbaeae4d 100644
--- a/net/web/src/User/SideBar/Contacts/Cards/Registry/useRegistry.hook.js
+++ b/net/web/src/User/SideBar/Contacts/Cards/Registry/useRegistry.hook.js
@@ -41,7 +41,12 @@ export function useRegistry() {
         updateState({ busy: false });
       }
     },
-    getRegistryImageUrl: (guid, revision) => app.actions.getRegistryImageUrl(state.server, guid, revision),
+    getRegistryImageUrl: (guid, revision) => {
+      if (app?.actions?.getRegistryImageUrl) {
+        return app.actions.getRegistryImageUrl(state.server, guid, revision);
+      }
+      return null;
+    },
     select: (contact) => {
       navigate(`/user/contact/${contact.guid}`, { state: contact });
     }
@@ -50,5 +55,3 @@ export function useRegistry() {
   return { state, actions };
 }
 
-      
-