remove extra empty div

opengovsg · Jan 14, 2025 · a9088ca · a9088ca
1 parent 095b4e4
commit a9088ca
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/components/src/templates/next/layouts/Collection/CollectionResults.tsx b/packages/components/src/templates/next/layouts/Collection/CollectionResults.tsx
@@ -81,9 +81,9 @@ export const CollectionResults = ({
         </div>
       </div>
       {/* NOTE: DO NOT add h-full to this div as it will break old browsers */}
-      <div className={collectionResults()}>
-        {paginatedItems.length > 0 &&
-          paginatedItems.map((item) =>
+      {paginatedItems.length !== 0 ? (
+        <div className={collectionResults()}>
+          {paginatedItems.map((item) =>
             variant === "collection" ? (
               <CollectionCard
                 key={`${item.title}-${item.category}`}
@@ -102,8 +102,8 @@ export const CollectionResults = ({
               />
             ),
           )}
-      </div>
-      {paginatedItems.length === 0 && (
+        </div>
+      ) : (
         <div className="flex flex-col gap-1 py-32 text-center text-content">
           <p className="prose-body-base">
             We couldn’t find any articles. Try different search terms or