From c437d698ae6604dcbb7072968feb680d2ec10778 Mon Sep 17 00:00:00 2001 From: Jean-Christophe <> Date: Fri, 26 Jan 2024 11:38:57 +0100 Subject: [PATCH] =?UTF-8?q?fix=20d=C3=A9tails?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/app.component.jsx | 1 - src/components/person.component.jsx | 2 +- .../personListingController.component.jsx | 24 +++++++++---------- 3 files changed, 13 insertions(+), 14 deletions(-) diff --git a/src/components/app.component.jsx b/src/components/app.component.jsx index 8f22e84..79920e6 100644 --- a/src/components/app.component.jsx +++ b/src/components/app.component.jsx @@ -1,4 +1,3 @@ - import { useState, useEffect } from 'react'; import '../assets/style/app.css'; diff --git a/src/components/person.component.jsx b/src/components/person.component.jsx index aa276c2..532694d 100644 --- a/src/components/person.component.jsx +++ b/src/components/person.component.jsx @@ -1,4 +1,4 @@ -import { useState, useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; import '../assets/style/person.css'; diff --git a/src/components/personListingController.component.jsx b/src/components/personListingController.component.jsx index 2d130e4..c477855 100644 --- a/src/components/personListingController.component.jsx +++ b/src/components/personListingController.component.jsx @@ -8,40 +8,40 @@ import PersonListingControls from './personListingControls.component.jsx'; const INITIAL_DELAY= 1000; const PersonListingController = ( props ) => { - const { persons, incrementAge } = props; const [ closed, setClosed ] = useState(false); const [ started, setStarted ] = useState(false); const [ delay, setDelay ] = useState(INITIAL_DELAY); const startStop = () => setStarted( previousStarted => ! previousStarted); + const closeComponent = () => { setClosed(previousClosed => ! previousClosed); setStarted(false); - } + } const changeDelay = newDelay => setDelay(newDelay); - const buildPersonListing = () => { + const buildPersonListing = () => { if (closed) - return null; + return null; else - return (<PersonListing - { ...props } - delay={delay} - started={started} + return (<PersonListing + { ...props } + delay={delay} + started={started} />); - } + } - const buildListingControls = () => { + const buildListingControls = () => { return (<PersonListingControls started={started} closed={closed} changeDelay={changeDelay} closeAction={closeComponent} startStop={startStop} - />); - } + />); + } return ( <div className="controller"> -- GitLab