Line data    Source code

       1              : import * as React from 'react';
       2              : import { attachParticleFlow } from '@ankoh/dashql-ui/particle_flow';
       3              : 
       4              : import * as styles from './particle_flow_background.module.css';
       5              : 
       6            1 : export const ParticleFlowBackground: React.FC = () => {
       7            1 :     const containerRef = React.useRef<HTMLDivElement>(null);
       8              : 
       9            1 :     React.useEffect(() => {
      10            1 :         const container = containerRef.current;
      11            1 :         if (container == null) {
      12            1 :             return;
      13              :         }
      14            1 :         return attachParticleFlow(container);
      15            1 :     }, []);
      16              : 
      17            1 :     return <div ref={containerRef} className={styles.background} aria-hidden="true" />;
      18            1 : };