From c91fb7d5006e55d8f5e7848f317210eb38936c17 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Tue, 25 May 2021 08:21:28 +0100
Subject: [PATCH] Default logo URL in navigation component and add setting to
 hide logo

---
 packages/standard-components/manifest.json    |  6 +++++
 .../standard-components/src/Navigation.svelte | 22 ++++++++++++-------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index a3fbc5aa52..050f1fe254 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -338,6 +338,12 @@
         "type": "text",
         "label": "Logo URL",
         "key": "logoUrl"
+      },
+      {
+        "type": "boolean",
+        "label": "Hide logo",
+        "key": "hideLogo",
+        "defaultValue": false
       }
     ]
   },
diff --git a/packages/standard-components/src/Navigation.svelte b/packages/standard-components/src/Navigation.svelte
index b0f043b75c..43d8a0fa2a 100644
--- a/packages/standard-components/src/Navigation.svelte
+++ b/packages/standard-components/src/Navigation.svelte
@@ -5,16 +5,22 @@
   const component = getContext("component")
 
   export let logoUrl
+  export let hideLogo
 </script>
 
 <div class="nav" use:styleable={$component.styles}>
-  <div class="nav__top">
-    <a href="/" use:linkable>
-      {#if logoUrl}
-        <img class="logo" alt="logo" src={logoUrl} height="48" />
-      {/if}
-    </a>
-  </div>
+  {#if !hideLogo}
+    <div class="nav__top">
+      <a href="/" use:linkable>
+        <img
+          class="logo"
+          alt="logo"
+          src={logoUrl || "https://i.imgur.com/Dn7Xt1G.png"}
+          height="48"
+        />
+      </a>
+    </div>
+  {/if}
   <div class="nav__menu">
     <slot />
   </div>
@@ -33,6 +39,7 @@
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
+    margin-bottom: 40px;
   }
   .nav__top img {
     margin-right: 16px;
@@ -52,7 +59,6 @@
 
   .nav__menu {
     display: flex;
-    margin-top: 40px;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;