From ca957ee6db4f20f7b0c89fe172b2b2f9d446cdb8 Mon Sep 17 00:00:00 2001
From: David Edler <david.edler@canonical.com>
Date: Wed, 31 Jan 2024 12:45:03 +0100
Subject: [PATCH] feat: add fallback logo for identity providers

Signed-off-by: David Edler <david.edler@canonical.com>
---
 ui/components/NodeInputSubmit.tsx | 14 ++++++--------
 ui/public/logos/Fallback.svg      |  3 +++
 2 files changed, 9 insertions(+), 8 deletions(-)
 create mode 100644 ui/public/logos/Fallback.svg

diff --git a/ui/components/NodeInputSubmit.tsx b/ui/components/NodeInputSubmit.tsx
index 30312746d..16635d991 100644
--- 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
new file mode 100644
index 000000000..240024ebd
--- /dev/null
+++ b/ui/public/logos/Fallback.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6 0C15.1346 0 18 2.86538 18 6.4V8H18.8C20.1255 8 21.2 9.07452 21.2 10.4V21.6C21.2 22.9255 20.1255 24 18.8 24H4.4C3.07452 24 2 22.9255 2 21.6V10.4C2 9.07452 3.07452 8 4.4 8H5.2V6.4C5.2 2.86538 8.06538 0 11.6 0ZM11.6 11.7333C10.0544 11.7333 8.80143 12.9863 8.80143 14.5319C8.80143 15.6477 9.45449 16.611 10.3993 17.0605L10.4 20.2667H12.8L12.8023 17.0597C13.7462 16.61 14.3986 15.6471 14.3986 14.5319C14.3986 12.9863 13.1456 11.7333 11.6 11.7333ZM7.60851 6.137C7.74394 4.05046 9.47923 2.4 11.6 2.4C13.8091 2.4 15.6 4.19086 15.6 6.4V8H7.6V6.4L7.60851 6.137Z" fill="#666666"/>
+</svg>