style: Use anonymous function

pyronear · Apr 29, 2024 · 34acfa0 · 34acfa0
1 parent 5028c55
commit 34acfa0
Showing 1 changed file with 23 additions and 22 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -82,7 +82,6 @@ function App (): JSX.Element {
   const [, setPicturesInfo] = useState<PictureInfo[]>([])
 
   const content: JSX.Element = <></>
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const onImageUploadSubmit = (files: File[]): void => {
     setImageUploads(files)
     history.push(globalInfoPath)
@@ -104,34 +103,36 @@ function App (): JSX.Element {
 
   const isPerPictureInfo = location.pathname === perPictureInfoPath
 
+  const routes = <>
+    <Route exact path="/" >
+      <Intro isMobile={isMobile} />
+      <Send isMobile={isMobile} onSubmit={onImageUploadSubmit} />
+    </Route>
+    <Route exact path={globalInfoPath} >
+      {imageUploads.length === 0 ? <Redirect to='/' /> : <GlobalInfo imageUploads={imageUploads} onSubmit={onGlobalInfoSubmit} />}
+    </Route>
+    <Route exact path={perPictureInfoPath} >
+      {(() => {
+        if (imageUploads.length === 0) return <Redirect to="/" />
+        if (globalInfo === null) return <Redirect to={globalInfoPath} />
+        if (modalRef.current === null) return <></>
+        return <PerPictureInfo onSubmit={onPerPictureInfoSubmit} imageUploads={imageUploads} globalInfo={globalInfo} modalRef={modalRef.current} isMobile={isMobile} />
+      })()
+      }
+    </Route>
+    <Route exact path={confirmPath} >
+      <Confirm />
+    </Route>
+  </>
+
   return (
     <div id="rootOrganizer" className={`${isModalOpen ? 'modalOpen' : ''}`}>
       <Modal ref={modalRef} handleChange={handleModalChange} />
       <Navbar isMobile={isMobile} modalRef={modalRef.current} />
       {!isPerPictureInfo && <Carousels isMobile={isMobile} animate={animate} />}
       <div id="pageContainer" className={`${isMobile ? 'mobile' : ''}${isPerPictureInfo ? ' noPadding' : ''}`}>
         {content}
-        <Route exact path="/" >
-          <Intro isMobile={isMobile} />
-          <Send isMobile={isMobile} onSubmit={onImageUploadSubmit} />
-        </Route>
-        <Route exact path={globalInfoPath} >
-         {imageUploads.length === 0 ? <Redirect to='/'/> : <GlobalInfo imageUploads={imageUploads} onSubmit={onGlobalInfoSubmit} />}
-        </Route>
-        <Route exact path={perPictureInfoPath} >
-          {
-          imageUploads.length === 0
-            ? <Redirect to="/"/>
-            : globalInfo === null
-              ? <Redirect to={globalInfoPath}/>
-              : modalRef.current === null
-                ? <></>
-                : <PerPictureInfo onSubmit={onPerPictureInfoSubmit} imageUploads={imageUploads} globalInfo={globalInfo} modalRef={modalRef.current} isMobile={isMobile} />
-          }
-        </Route>
-        <Route exact path={confirmPath} >
-          <Confirm />
-        </Route>
+        {routes}
       </div>
     </div>
   )