refactor: update checks for improved readability and UX 😎

Valik3201 · Jan 28, 2024 · 8a7f291 · 8a7f291
1 parent ad59b0d
commit 8a7f291
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/components/App.jsx b/src/components/App.jsx
@@ -24,7 +24,7 @@ class App extends Component {
       currentPage: 1,
       isLoading: false,
       error: null,
-      totalHits: 0,
+      totalHits: null,
     };
   }
 
@@ -91,24 +91,23 @@ class App extends Component {
         <Container className="d-flex flex-column justify-content-center mb-5 mx-auto">
           {isLoading && <Loader />}
           {error && <ErrorAlert errorMessage={error} />}
-          {images.length > 0 && !error ? (
+          {images.length > 0 && !error && (
             <>
               <SearchResultInfo
                 searchQuery={searchQuery}
                 totalHits={totalHits}
               />
-
               <ImageGallery images={images} />
-
               {totalHits > images.length && (
                 <LoadMoreBtn onClick={this.loadMoreImages} />
               )}
             </>
-          ) : images.length === 0 && searchQuery && !error ? (
+          )}
+          {!error && searchQuery && totalHits === 0 && (
             <NoResultsAlert searchQuery={searchQuery} />
-          ) : (
-            !error && <ImagePortalWelcome />
           )}
+
+          {!searchQuery && <ImagePortalWelcome />}
         </Container>
       </>
     );