404 page style

happypeter · Mar 17, 2016 · 1b2e3d5 · 1b2e3d5
1 parent fd08a88
commit 1b2e3d5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/client/shared/PageNotFound.jsx b/client/shared/PageNotFound.jsx
@@ -2,6 +2,7 @@ PageNotFound = React.createClass({
   render() {
     return (
       <div className='page-not-found'>
+        <Hamburger iconColor='#00bcd4' />
         <div className='cartoon'>
           <img src='/images/peter.jpeg' />
           <div className='tip'>Page Not Found</div>

diff --git a/client/stylesheets/main.scss b/client/stylesheets/main.scss
@@ -11,12 +11,11 @@
 }
 
 .page-not-found {
-  flex-grow: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   .cartoon {
-    padding: 2em 1em;
+    margin: 6em 1em 3em;
     .tip {
       color: #ff4081;
       font-size: 25px;

diff --git a/client/video/Post.jsx b/client/video/Post.jsx
@@ -4,7 +4,8 @@ Post = React.createClass({
   getInitialState() {
     return {
       metaData: {},
-      post: ''
+      post: '',
+      validFile: true
     };
   },
   getMeteorData() {
@@ -26,7 +27,7 @@ Post = React.createClass({
 
     Meteor.call('/video/getPost', postId, function(err, res){
       if (err) {
-        console.log(`The post does not exist!`);
+        that.setState({validFile: false});
         return;
       }
       that.setState({
@@ -62,6 +63,7 @@ Post = React.createClass({
         display: 'block'
       }
     };
+    if (!this.state.validFile) return <PageNotFound />;
     return (
       <div className="post-page">
         <Hamburger />