use vanilla js instead of jquery

bntzio · Mar 29, 2017 · d537043 · d537043
1 parent 9e0f1c0
commit d537043
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 15 deletions.
diff --git a/components/ArticlesList.jsx b/components/ArticlesList.jsx
@@ -2,20 +2,21 @@ import React from 'react';
 import { Link } from 'react-router';
 import { prefixLink } from 'gatsby-helpers';
 import uuid from 'node-uuid';
-import $ from 'jquery';
 
 import Article from './Article';
 
 class ArticlesList extends React.Component {
   componentWillMount() {
-    const $body = $('body');
-    $body.css('color', 'white');
-    $body.css('background-color', '#4938aa');
+    const body = document.getElementsByTagName('body');
+    const css = body[0].style;
+    css.color = '#fff';
+    css.backgroundColor = '#4938aa';
   }
   componentWillUnmount() {
-    const $body = $('body');
-    $body.css('color', 'white');
-    $body.css('background-color', '#2b4496');
+    const body = document.getElementsByTagName('body');
+    const css = body[0].style;
+    css.color = '#fff';
+    css.backgroundColor = '#2b4496';
   }
   renderPosts(route) {
     const posts = [];

diff --git a/components/Post.jsx b/components/Post.jsx
@@ -1,18 +1,19 @@
 import React from 'react';
 import { Link } from 'react-router';
 import { prefixLink } from 'gatsby-helpers';
-import $ from 'jquery';
 
 class Post extends React.Component {
   componentWillMount() {
-    const $body = $('body');
-    $body.css('color', '#333333');
-    $body.css('background-color', 'white');
+    const body = document.getElementsByTagName('body');
+    const css = body[0].style;
+    css.color = '#333';
+    css.backgroundColor = '#fff';
   }
   componentWillUnmount() {
-    const $body = $('body');
-    $body.css('color', 'white');
-    $body.css('background-color', '#2b4496');
+    const body = document.getElementsByTagName('body');
+    const css = body[0].style;
+    css.color = '#fff';
+    css.backgroundColor = '#2b4496';
   }
   render() {
     const { route } = this.props;

diff --git a/package.json b/package.json
@@ -32,7 +32,6 @@
     "front-matter": "^2.1.0",
     "gatsby": "^0.12.39",
     "history": "^2.1.2",
-    "jquery": "^3.2.0",
     "lodash": "^4.17.2",
     "moment": "^2.17.1",
     "raw-loader": "^0.5.1",