Fix: Do not refresh the page after navigating back from isolated / fo…

…cus mode (styleguidist#617)
beyhosni · Oct 4, 2017 · 09d2452 · 09d2452
1 parent 0f06fcc
commit 09d2452
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/index.js b/src/index.js
@@ -75,6 +75,14 @@ function renderStyleguide() {
 	}
 	document.title = documentTitle;
 
+	// If the current hash location was set to just `/` (e.g. when navigating back from isolated view to overview)
+	// replace the URL with one without hash, to present the user with a single address of the overview screen
+	const hash = location.hash.slice(1);
+	if (hash === '/') {
+		const url = window.location.pathname + window.location.search;
+		history.replaceState('', document.title, url);
+	}
+
 	ReactDOM.render(
 		<StyleGuide
 			codeRevision={codeRevision}

diff --git a/src/rsg-components/slots/IsolateButton.js b/src/rsg-components/slots/IsolateButton.js
@@ -7,7 +7,7 @@ import { getUrl } from '../../utils/utils';
 
 const IsolateButton = ({ name, example, isolated }) =>
 	isolated ? (
-		<ToolbarButton href={getUrl()} title="Show all components">
+		<ToolbarButton href={getUrl({ anchor: true, slug: '/' })} title="Show all components">
 			<MdFullscreenExit />
 		</ToolbarButton>
 	) : (

diff --git a/src/rsg-components/slots/__snapshots__/IsolateButton.spec.js.snap b/src/rsg-components/slots/__snapshots__/IsolateButton.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`should renderer a link home in isolated mode 1`] = `
 <Styled(ToolbarButton)
-  href="blank"
+  href="blank#/"
   title="Show all components"
 >
   <MdFullscreenExit />