koodiklinikka/koodiklinikka.fi
1
0
Fork 0
mirror of https://github.com/koodiklinikka/koodiklinikka.fi.git synced 2026-03-12 11:03:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prettier legacy JS

Browse Source
This commit is contained in:
Aarni Koskela
2019-09-23 15:54:16 +03:00
parent cb652577b9
commit e3c8a8ab0e
13 changed files with 217 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
legacy-js/components/fader.js
View File

@@ -1,6 +1,6 @@
'use strict';
"use strict";
import React from 'react';
import React from "react";
function clamp(min, max, value) {
return Math.min(Math.max(value, min), max);
@@ -17,8 +17,8 @@ export default class Fader extends React.Component {
onScroll = () => {
var scrollableDistance = document.body.scrollHeight - window.innerHeight,
scrollTop = window.pageYOffset || document.documentElement.scrollTop,
distanceToBottom = scrollableDistance - scrollTop;
scrollTop = window.pageYOffset || document.documentElement.scrollTop,
distanceToBottom = scrollableDistance - scrollTop;
this.setState({
opacity: clamp(0, 1, distanceToBottom / this.props.threshold)
@@ -26,12 +26,12 @@ export default class Fader extends React.Component {
};
componentDidMount() {
window.addEventListener('scroll', this.onScroll);
window.addEventListener("scroll", this.onScroll);
this.onScroll();
}
componentWillUnmount() {
window.removeEventListener('scroll', this.onScroll);
window.removeEventListener("scroll", this.onScroll);
}
render() {
@@ -39,8 +39,6 @@ export default class Fader extends React.Component {
opacity: this.state.opacity
};
return (
<div className="fader" style={style}></div>
)
return <div className="fader" style={style}></div>;
}
};
}