From 3ac9646937054f60387a8a3ff86308192cafde3b Mon Sep 17 00:00:00 2001
From: samuelmaier <35006454+samuelmaier@users.noreply.github.com>
Date: Tue, 9 Oct 2018 19:38:14 +0200
Subject: [PATCH] fix: click on logo when using url_prefix was not working
 (#996)

* Click on logo when using url_prefix was not working

* fix: Replace old snapshot with new one
---
 src/webui/components/Header/index.js                         | 2 +-
 test/unit/webui/components/__snapshots__/header.spec.js.snap | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/webui/components/Header/index.js b/src/webui/components/Header/index.js
index 7226ba490..a2c02b595 100644
--- a/src/webui/components/Header/index.js
+++ b/src/webui/components/Header/index.js
@@ -17,7 +17,7 @@ const Header = ({
   return (
     <header className={classes.header}>
       <div className={classes.headerWrap}>
-        <a href="/#/">
+        <a href="{registryUrl}/#/">
           <img src={logo} className={classes.logo} />
         </a>
         <figure>
diff --git a/test/unit/webui/components/__snapshots__/header.spec.js.snap b/test/unit/webui/components/__snapshots__/header.spec.js.snap
index f81729918..d991f00df 100644
--- a/test/unit/webui/components/__snapshots__/header.spec.js.snap
+++ b/test/unit/webui/components/__snapshots__/header.spec.js.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Header /> component shallow should load header component in login state 1`] = `"<header class=\\"header\\"><div class=\\"headerWrap\\"><a href=\\"/#/\\"><img src=\\"logo.png\\" class=\\"logo\\"/></a><figure>npm set scope:registry http://localhost<br/>npm adduser --registry http://localhost</figure><div class=\\"headerRight\\"><div class=\\"user-logged\\"><span class=\\"user-logged-greetings usernameField\\">Hi, Verdaccio</span><button class=\\"el-button el-button--danger headerButton header-button-logout\\" type=\\"button\\"><span>Logout</span></button></div></div></div></header>"`;
+exports[`<Header /> component shallow should load header component in login state 1`] = `"<header class=\\"header\\"><div class=\\"headerWrap\\"><a href=\\"{registryUrl}/#/\\"><img src=\\"logo.png\\" class=\\"logo\\"/></a><figure>npm set scope:registry http://localhost<br/>npm adduser --registry http://localhost</figure><div class=\\"headerRight\\"><div class=\\"user-logged\\"><span class=\\"user-logged-greetings usernameField\\">Hi, Verdaccio</span><button class=\\"el-button el-button--danger headerButton header-button-logout\\" type=\\"button\\"><span>Logout</span></button></div></div></div></header>"`;
 
-exports[`<Header /> component shallow should load header component in logout state 1`] = `"<header class=\\"header\\"><div class=\\"headerWrap\\"><a href=\\"/#/\\"><img src=\\"logo.png\\" class=\\"logo\\"/></a><figure>npm set scope:registry http://localhost<br/>npm adduser --registry http://localhost</figure><div class=\\"headerRight\\"><button class=\\"el-button el-button--default headerButton header-button-login\\" type=\\"button\\"><span>Login</span></button></div></div></header>"`;
+exports[`<Header /> component shallow should load header component in logout state 1`] = `"<header class=\\"header\\"><div class=\\"headerWrap\\"><a href=\\"{registryUrl}/#/\\"><img src=\\"logo.png\\" class=\\"logo\\"/></a><figure>npm set scope:registry http://localhost<br/>npm adduser --registry http://localhost</figure><div class=\\"headerRight\\"><button class=\\"el-button el-button--default headerButton header-button-login\\" type=\\"button\\"><span>Login</span></button></div></div></header>"`;