glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

eslint fixes

Browse source
This commit is contained in:
Connor Turland 2017-10-13 12:13:08 -04:00
parent 15f512efef
commit d51a22c5a9
4 changed files with 46 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/Metamaps/GlobalUI/Notifications.js
View file

@ -1,3 +1,4 @@
/* global $ */
import GlobalUI from './index' import GlobalUI from './index'
const Notifications = { const Notifications = {

1
frontend/src/components/App/NotificationBox.js
View file

@ -6,7 +6,6 @@ import Notification from '../Notification'
import Loading from '../Loading' import Loading from '../Loading'
class NotificationBox extends Component { class NotificationBox extends Component {
static propTypes = { static propTypes = {
notifications: PropTypes.array, notifications: PropTypes.array,
fetchNotifications: PropTypes.func.isRequired, fetchNotifications: PropTypes.func.isRequired,

20
frontend/src/components/Loading.js
View file

@ -3,14 +3,14 @@ import PropTypes from 'prop-types'
// based on https://www.npmjs.com/package/react-loading-animation // based on https://www.npmjs.com/package/react-loading-animation
const loading_style = { const loadingStyle = {
position: 'relative', position: 'relative',
margin: '0 auto', margin: '0 auto',
width: '30px', width: '30px',
height: '30px', height: '30px'
} }
const svg_style = { const svgStyle = {
animation: 'rotate 2s linear infinite', animation: 'rotate 2s linear infinite',
height: '100%', height: '100%',
transformOrigin: 'center center', transformOrigin: 'center center',
@ -23,7 +23,7 @@ const svg_style = {
margin: 'auto' margin: 'auto'
} }
const circle_style = { const circleStyle = {
strokeDasharray: '1,200', strokeDasharray: '1,200',
strokeDashoffset: '0', strokeDashoffset: '0',
animation: 'dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite', animation: 'dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite',
@ -76,14 +76,14 @@ class Loading extends React.Component {
render() { render() {
let { width, height, margin, style } = this.props let { width, height, margin, style } = this.props
loading_style.width = width loadingStyle.width = width
loading_style.height = height loadingStyle.height = height
loading_style.margin = margin loadingStyle.margin = margin
return <div style={Object.assign({}, loading_style, style)}> return <div style={Object.assign({}, loadingStyle, style)}>
<style>{animation}</style> <style>{animation}</style>
<svg style={svg_style} viewBox="25 25 50 50"> <svg style={svgStyle} viewBox="25 25 50 50">
<circle style={circle_style} cx="50" cy="50" r="20" fill="none" strokeWidth="4" strokeMiterlimit="10"/> <circle style={circleStyle} cx="50" cy="50" r="20" fill="none" strokeWidth="4" strokeMiterlimit="10"/>
</svg> </svg>
</div> </div>
} }

1
frontend/src/components/Notification.js
View file

@ -3,7 +3,6 @@ import PropTypes from 'prop-types'
import outdent from 'outdent' import outdent from 'outdent'
class Notification extends Component { class Notification extends Component {
static propTypes = { static propTypes = {
markAsRead: PropTypes.func, markAsRead: PropTypes.func,
markAsUnread: PropTypes.func, markAsUnread: PropTypes.func,