[default-layout] Fix router state bug (NotFound component) (#1786)

* [default-layout] Fix null bug in NotFound component * [default-layout] Give padding to NotFound component
sanity-io · Jun 5, 2020 · 4fbd16f · 4fbd16f · vercel · Jun 5, 2020
1 parent 7b8cb38
commit 4fbd16f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/@sanity/default-layout/src/components/NotFound.js b/packages/@sanity/default-layout/src/components/NotFound.js
@@ -1,12 +1,14 @@
 import React from 'react'
 import {withRouterHOC, StateLink} from 'part:@sanity/base/router'
 import {HAS_SPACES} from '../util/spaces'
+import styles from './styles/NotFound.css'
 
 export default withRouterHOC(function NotFound(props) {
   const router = props.router
-  const rootState = HAS_SPACES && router.state.space ? {space: router.state.space} : {}
+  const rootState =
+    HAS_SPACES && router.state && router.state.space ? {space: router.state.space} : {}
   return (
-    <div>
+    <div className={styles.root}>
       <h2>Page not found</h2>
       {props.children}
       <StateLink state={rootState}>Go to index</StateLink>

diff --git a/packages/@sanity/default-layout/src/components/styles/NotFound.css b/packages/@sanity/default-layout/src/components/styles/NotFound.css
@@ -0,0 +1,5 @@
+@import "part:@sanity/base/theme/variables-style";
+
+.root {
+  padding: var(--medium-padding);
+}