Blog feature and fixes (#53)

.dockerignore

@@ -41,8 +41,11 @@ bower_containers
 build/Release
 
 # Dependency directories
-node_modules/
+node_modules
 jspm_packages/
+web/node_modules
+back/node_modules
+hub/node_modules
 
 # Typescript v1 declaration files
 typings/

hub/src/containers/blog/Blog.js

@@ -28,7 +28,7 @@ class Blog extends Component {
 
   componentDidMount = () => {
     const { id } = this.props.match.params;
-    if (id) {
+    if (checkValue(id)) {
       this.props.fetchBlogApi(id);
     }
 
@@ -42,15 +42,17 @@ class Blog extends Component {
     if (this.props.name !== props.name || this.props.name !== this.state.name) {
       this.setState({ name: this.props.name });
     }
-    if (this.props.content !== props.content || this.props.content !== this.state.content) {
+    if (checkValue(this.props.content) && (this.props.content !== props.content || this.props.content !== this.state.content)) {
       this.setState({ content: this.props.content });
     }
-    if (this.props.status !== props.status|| this.props.status !== this.state.status) {
+    if (this.props.status !== props.status) {
       this.setState({ status: this.props.status });
     }
   };
 
-  handleTitle = (e) => this.setState({ [e.target.name]: e.target.value });
+  handleTitle = (e) => {
+    this.setState({ name: e.target.value });
+  }
 
   handleChange = (e, { name, value }) => {
     this.setState(
@@ -70,7 +72,7 @@ class Blog extends Component {
 
   onSubmit = (e) => {
     e.preventDefault();
-    if (this.props.match.params.id) {
+    if (checkValue(this.props.match.params.id)) {
       this.setState({ _id: this.props.match.params.id}, () => this.props.saveBlogApi(this.state))
     } else {
       this.props.saveBlogApi(this.state);

hub/src/utils.js

@@ -1,15 +1,22 @@
-import moment from 'moment';
+import moment from "moment";
 
 export function formatDate(value) {
-  const readable = moment(value).format('Do MMMM YYYY');
+  const readable = moment(value).format("Do MMMM YYYY");
   return readable;
 }
 
 export function checkValue(value) {
-  if (value !== '' && value !== undefined && value !== null) {
+  if (
+    value !== "" &&
+    value !== undefined &&
+    value !== null &&
+    value !== "null" &&
+    value !== "undefined"
+  ) {
     return true;
   }
   return false;
 }
 
-export const parseSize = (bytes) => parseFloat(Math.round(bytes/1024)).toFixed(2);
+export const parseSize = (bytes) =>
+  parseFloat(Math.round(bytes / 1024)).toFixed(2);