style: spaces

Author: matteobruni

src/components/Particles/Particles.tsx

@@ -1,95 +1,95 @@
 import merge from 'lodash.merge';
-import React, { PureComponent } from 'react';
-import { getParams } from '../../utils';
-import { tsParticles } from 'tsparticles';
+import React, {PureComponent} from 'react';
+import {getParams} from '../../utils';
+import {tsParticles} from 'tsparticles';
 
 interface ParticlesProps {
-	/**
-	 * Determines wheter to render Particles
-	 *
-	 * @default "particles-js"
-	 */
-	id?: string;
-	/**
-	 * Determines the configuration for Particles JS
-	 */
-	params: any;
-	/**
-	 * Determines the styles for the Particles container
-	 *
-	 * @default {}
-	 */
-	style?: any;
-	/**
-	 * Determines the width for the Particles container
-	 *
-	 * @default "auto"
-	 */
-	width?: string;
-	/**
-	 * Determines the height for the Particles container
-	 *
-	 * @default "100vh"
-	 */
-	height?: string;
-	/**
-	 * Determines a custom className to apply to Particles container
-	 */
-	className?: string;
-	/**
-	 * Determines if should merge values from params with lib defaults
-	 *
-	 * @default true
-	 */
-	withDefaults?: boolean;
+  /**
+   * Determines wheter to render Particles
+   *
+   * @default "particles-js"
+   */
+  id?: string;
+  /**
+   * Determines the configuration for Particles JS
+   */
+  params: any;
+  /**
+   * Determines the styles for the Particles container
+   *
+   * @default {}
+   */
+  style?: any;
+  /**
+   * Determines the width for the Particles container
+   *
+   * @default "auto"
+   */
+  width?: string;
+  /**
+   * Determines the height for the Particles container
+   *
+   * @default "100vh"
+   */
+  height?: string;
+  /**
+   * Determines a custom className to apply to Particles container
+   */
+  className?: string;
+  /**
+   * Determines if should merge values from params with lib defaults
+   *
+   * @default true
+   */
+  withDefaults?: boolean;
 }
 
 export class Particles extends PureComponent<ParticlesProps> {
-	static displayName = 'Particles';
+  static displayName = 'Particles';
 
-	static defaultProps = {
-		style: {},
-		width: 'auto',
-		height: '100vh',
-		id: 'particles-js',
-		withDefaults: true,
-	};
+  static defaultProps = {
+    style: {},
+    width: 'auto',
+    height: '100vh',
+    id: 'particles-js',
+    withDefaults: true,
+  };
 
-	componentDidMount() {
-		tsParticles.load(this.props.id ?? "tsparticles", this.getParticles());
-	}
+  componentDidMount() {
+    tsParticles.load(this.props.id ?? "tsparticles", this.getParticles());
+  }
 
-	componentDidUpdate(prevProps: ParticlesProps) {
-		tsParticles.load(this.props.id ?? "tsparticles", this.getParticles());
-	}
+  componentDidUpdate(prevProps: ParticlesProps) {
+    tsParticles.load(this.props.id ?? "tsparticles", this.getParticles());
+  }
 
-	componentWillUnmount() {
-		tsParticles.dom().forEach((container) => container.destroy());
-	}
+  componentWillUnmount() {
+    tsParticles.dom().forEach((container) => container.destroy());
+  }
 
-	render() {
-		const { className, style, width, height, id } = this.props;
+  render() {
+    const {className, style, width, height, id} = this.props;
 
-		return (
-			<div
-				id={ id }
-				className={ className }
-				style={ {
-					...style,
-					width: width,
-					height: height,
-				} }
-			/>
-		);
-	}
+    return (
+      <div
+        id={id}
+        className={className}
+        style={{
+          ...style,
+          width: width,
+          height: height,
+        }}
+      />
+    );
+  }
 
-	getParticles = () => {
-		if (this.props.withDefaults) {
-			return merge({}, getParams(), this.props.params);
-		} else {
-			return this.props.params;
-		}
-	};
+  getParticles = () => {
+    if (this.props.withDefaults) {
+      return merge({}, getParams(), this.props.params);
+    } else {
+      return this.props.params;
+    }
+  };
 }
 
 export default Particles;