feat: 404 page improved (#868)

* 404 page improved along with chat bubble texts * chat bubbles removed in favor of a cleaner look Co-authored-by: Aitor De Blas <aitordeblas@gigabyteaero15-aitor.WiboxHome>
open-sauced · Oct 31, 2020 · ac6aa63 · ac6aa63
1 parent 9ba5a42
commit ac6aa63
Show file tree

Hide file tree

Showing 3 changed files with 37,902 additions and 140 deletions.
diff --git a/src/containers/App.js b/src/containers/App.js
@@ -19,16 +19,12 @@ function NoMatch() {
   return (
     <NotFound>
       <Wrapper>
-        <h2>Oh No! This page does not exist yet. Would you like to build it?</h2>
-        <img alt="404" src={ohno} />
         <SpaceAround>
-          <MarketingButton primary onClick={() => history.push("/")}>
-            Back to safety
-          </MarketingButton>
-          <a rel="noreferrer" target="_blank" href="https://github.com/open-sauced/open-sauced/issues/new/choose">
-            <MarketingButton>Click here if yes</MarketingButton>
-          </a>
+          <img alt="404" src={ohno} />
         </SpaceAround>
+        <MarketingButton primary onClick={() => history.push("/")}>
+          Back to home
+        </MarketingButton>
       </Wrapper>
     </NotFound>
   );

diff --git a/src/images/404.svg b/src/images/404.svg
diff --git a/src/styles/NotFound.js b/src/styles/NotFound.js
@@ -17,12 +17,11 @@ const NotFound = styled.section`
   }
 
   img {
-    width: 50%;
+    width: 70%;
     padding: 30px;
 
     ${MEDIA.TABLET`
       width: 90%;
-      padding: 0;
     `};
   }
 `;