prehistoric-systems/security-checklist
1
0
Fork 0
mirror of https://github.com/brianlovin/security-checklist.git synced 2026-03-11 08:55:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix test errors

Browse source
This commit is contained in:
Joachim Robert 2019-02-13 18:42:01 +01:00
parent d3e0e20cae
commit 696f4839d1
1 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
components/Header/Confetti.js
View file

@ -27,10 +27,18 @@ import React, { useState, useRef, useEffect, Fragment } from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import { ParticleZone } from './style'; import { ParticleZone } from './style';
type ConfettiProps = {
fireConfetti: boolean,
};
type ParticlesProps = {
count: number,
};
type Props = {};
const COLORS = ['#2ecc71','#3498db','#e67e22','#e67e22','#e74c3c']; const COLORS = ['#2ecc71','#3498db','#e67e22','#e67e22','#e74c3c'];
const TOP_OFFSET = typeof window !== 'undefined' && window.innerHeight; const TOP_OFFSET = typeof window != 'undefined' ? window.innerHeight : 0;
const INNER_WIDTH = typeof window !== 'undefined' && window.innerWidth; const INNER_WIDTH = typeof window != 'undefined' ? window.innerWidth : 0;
const LEFT_OFFSET = 250; const LEFT_OFFSET = 250;
const generateWholeNumber = (min, max) => min + Math.floor(Math.random()*(max - min)); const generateWholeNumber = (min, max) => min + Math.floor(Math.random()*(max - min));
@ -38,7 +46,7 @@ const generateWholeNumber = (min, max) => min + Math.floor(Math.random()*(max -
const generateRandomColor = () => COLORS[generateWholeNumber(0,COLORS.length)]; const generateRandomColor = () => COLORS[generateWholeNumber(0,COLORS.length)];
export function CircularParticle(props: Props) { export function CircularParticle(props: Props) {
const currentConfetti = useRef(null); const currentCircularConfetti = useRef(null);
const SIZE_RANGE = [5, 10]; const SIZE_RANGE = [5, 10];
const ROTATION_RANGE = [0, 45]; const ROTATION_RANGE = [0, 45];
@ -57,7 +65,7 @@ export function CircularParticle(props: Props) {
useEffect(() => { useEffect(() => {
const {left} = style; const {left} = style;
setTimeout(() => { setTimeout(() => {
const node = currentConfetti.current; const node = currentCircularConfetti.current;
if (node) { if (node) {
node.style.top = window.innerHeight + generateWholeNumber(0, window.innerHeight) + 'px'; node.style.top = window.innerHeight + generateWholeNumber(0, window.innerHeight) + 'px';
node.style.left = left + generateWholeNumber(-LEFT_OFFSET, LEFT_OFFSET) + 'px'; node.style.left = left + generateWholeNumber(-LEFT_OFFSET, LEFT_OFFSET) + 'px';
@ -66,12 +74,12 @@ export function CircularParticle(props: Props) {
}); });
return ( return (
<div ref={currentConfetti} className='particle' style={style}/> <div ref={currentCircularConfetti} className='particle' style={style}/>
); );
} }
function SquiggleParticle(props: Props) { function SquiggleParticle(props: Props) {
const currentConfetti = useRef(null); const currentSquiggleConfetti = useRef(null);
const SIZE_RANGE = [15, 45]; const SIZE_RANGE = [15, 45];
const ROTATION_RANGE = [-15, 15]; const ROTATION_RANGE = [-15, 15];
@ -89,7 +97,7 @@ function SquiggleParticle(props: Props) {
useEffect(() => { useEffect(() => {
const {left} = style; const {left} = style;
setTimeout(() => { setTimeout(() => {
const node = currentConfetti.current; const node = currentSquiggleConfetti.current;
if (node){ if (node){
node.style.top = window.innerHeight + generateWholeNumber(0, window.innerHeight) + 'px'; node.style.top = window.innerHeight + generateWholeNumber(0, window.innerHeight) + 'px';
node.style.left = left + generateWholeNumber(-LEFT_OFFSET, LEFT_OFFSET) + 'px'; node.style.left = left + generateWholeNumber(-LEFT_OFFSET, LEFT_OFFSET) + 'px';
@ -99,8 +107,8 @@ function SquiggleParticle(props: Props) {
}); });
return ( return (
<svg <svg
ref={currentConfetti} ref={currentSquiggleConfetti}
className='particle' className='particle'
style={style} style={style}
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -110,7 +118,7 @@ function SquiggleParticle(props: Props) {
); );
} }
export function Particles(props: Props) { export function Particles(props: ParticlesProps) {
let {count: n} = props; let {count: n} = props;
const particles = []; const particles = [];
const types = [SquiggleParticle, CircularParticle, CircularParticle]; const types = [SquiggleParticle, CircularParticle, CircularParticle];
@ -130,7 +138,7 @@ export function Particles(props: Props) {
} }
export default function Confetti(props: Props) { export default function Confetti(props: ConfettiProps) {
const [particles, setParticles] = useState([]); const [particles, setParticles] = useState([]);
var id = 1; var id = 1;