feat: add fallback logo for identity providers

Signed-off-by: David Edler <david.edler@canonical.com>
canonical · Jan 31, 2024 · ca957ee · ca957ee
1 parent fd5d88f
commit ca957ee
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/ui/components/NodeInputSubmit.tsx b/ui/components/NodeInputSubmit.tsx
@@ -26,7 +26,7 @@ export const NodeInputSubmit: FC<NodeInputProps> = ({
     if (value.toLowerCase().startsWith("ping")) {
       return "logos/Ping.svg";
     }
-    return "";
+    return "logos/Fallback.svg";
   };
 
   const label = getNodeLabel(node);
@@ -47,13 +47,11 @@ export const NodeInputSubmit: FC<NodeInputProps> = ({
     >
       {isProvider ? (
         <>
-          {image && (
-            <img
-              src={image}
-              alt={`${provider} logo`}
-              style={{ marginRight: "0.5rem" }}
-            />
-          )}
+          <img
+            src={image}
+            alt={`${provider} logo`}
+            style={{ marginRight: "0.5rem" }}
+          />
           <span>Sign in with {label}</span>
         </>
       ) : (

diff --git a/ui/public/logos/Fallback.svg b/ui/public/logos/Fallback.svg