From 4cf97304e4bb949374788cf2c1779e8764811eea Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Tue, 22 Oct 2019 07:31:59 +0000
Subject: [PATCH] Get rid of lint warnings

---
 webclient/src/Article.js     | 7 +++----
 webclient/src/Comments.js    | 4 ++--
 webclient/src/Feed.js        | 2 +-
 webclient/src/Results.js     | 2 +-
 webclient/src/ScrollToTop.js | 2 +-
 webclient/src/utils.js       | 2 +-
 6 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index 109b05b..2e5e376 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
 import localForage from 'localforage';
 import { sourceLink, infoLine, ToggleDot } from './utils.js';
@@ -8,7 +7,7 @@ class Article extends React.Component {
 	constructor(props) {
 		super(props);
 
-		const id = this.props.match.params.id;
+		const id = this.props.match ? this.props.match.params.id : 'CLOL';
 		const cache = this.props.cache;
 
 		if (id in cache) console.log('cache hit');
@@ -20,7 +19,7 @@ class Article extends React.Component {
 	}
 	
 	componentDidMount() {
-		const id = this.props.match.params.id;
+		const id = this.props.match ? this.props.match.params.id : 'CLOL';
 
 		localForage.getItem(id)
 			.then(
@@ -43,7 +42,7 @@ class Article extends React.Component {
 	}
 
 	render() {
-		const id = this.props.match.params.id;
+		const id = this.props.match ? this.props.match.params.id : 'CLOL';
 		const story = this.state.story;
 		const error = this.state.error;
 
diff --git a/webclient/src/Comments.js b/webclient/src/Comments.js
index fb8442d..152585a 100644
--- a/webclient/src/Comments.js
+++ b/webclient/src/Comments.js
@@ -4,7 +4,7 @@ import { HashLink } from 'react-router-hash-link';
 import { Helmet } from 'react-helmet';
 import moment from 'moment';
 import localForage from 'localforage';
-import { sourceLink, infoLine, ToggleDot } from './utils.js';
+import { infoLine, ToggleDot } from './utils.js';
 
 class Article extends React.Component {
 	constructor(props) {
@@ -51,7 +51,7 @@ class Article extends React.Component {
 
 	displayComment(story, c, level) {
 		return (
-			<div className={level ? 'comment lined' : 'comment'}>
+			<div className={level ? 'comment lined' : 'comment'} key={c.author+c.date}>
 				<div className='info'>
 					<p>
 						{c.author === story.author ? '[OP]' : ''} {c.author || '[Deleted]'}
diff --git a/webclient/src/Feed.js b/webclient/src/Feed.js
index 740fd86..815fea4 100644
--- a/webclient/src/Feed.js
+++ b/webclient/src/Feed.js
@@ -71,7 +71,7 @@ class Feed extends React.Component {
 
 								<div className='title'>
 									<Link className='link' to={'/' + x.id}>
-										<img className='source-logo' src={'logos/'+x.source+'.png'} /> {x.title}
+										<img className='source-logo' src={'logos/'+x.source+'.png'} alt='source logo' /> {x.title}
 									</Link>
 
 									<span className='source'>
diff --git a/webclient/src/Results.js b/webclient/src/Results.js
index 4b263d7..3e9d648 100644
--- a/webclient/src/Results.js
+++ b/webclient/src/Results.js
@@ -59,7 +59,7 @@ class Results extends React.Component {
 
 									<div className='title'>
 										<Link className='link' to={'/' + x.id}>
-											<img className='source-logo' src={'logos/'+x.source+'.png'} /> {x.title}
+											<img className='source-logo' src={'logos/'+x.source+'.png'} alt='source logo' /> {x.title}
 										</Link>
 
 										<span className='source'>
diff --git a/webclient/src/ScrollToTop.js b/webclient/src/ScrollToTop.js
index 5773541..0dade11 100644
--- a/webclient/src/ScrollToTop.js
+++ b/webclient/src/ScrollToTop.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { BrowserRouter as Router, Route, Link, withRouter } from 'react-router-dom';
+import { withRouter } from 'react-router-dom';
 
 class ScrollToTop extends React.Component {
 	componentDidUpdate(prevProps) {
diff --git a/webclient/src/utils.js b/webclient/src/utils.js
index b63caa1..d2d7dc4 100644
--- a/webclient/src/utils.js
+++ b/webclient/src/utils.js
@@ -31,7 +31,7 @@ export class ToggleDot extends React.Component {
 			<div className='toggleDot'>
 				<div className='button'>
 					<Link to={'/' + id + (article ? '' : '/c')}>
-						<img src={Switch} />
+						<img src={Switch} alt='toggle between article and comments' />
 					</Link>
 				</div>
 			</div>