Add 30 more icons

.nvmrc

@@ -1 +1 @@
-v18
+v20.11.0

src/components/footer.tsx

@@ -1,4 +1,5 @@
 const Footer = () => {
+  const currentYear = new Date().getFullYear()
   return (
     <footer className="bg-[var(--bee-black)] bee-white py-2">
       <div className="flex flex-col items-center md:items-end gap-4 container">
@@ -13,7 +14,7 @@ const Footer = () => {
             href="https://github.com/manuelsanchezweb/bee-icons"
             title="BeeIcons on GitHub"
           >
-            BeeIcons 2023 © All rights reserved.
+            BeeIcons {currentYear} © All rights reserved.
           </a>
         </div>
 

src/components/icon-list.tsx

@@ -98,7 +98,7 @@ const IconList = ({ icons }: { icons: Icon[] }) => {
       </div>
 
       <ul
-        className={`flex flex-wrap items-start gap-8 md:gap-x-24 md:min-h-[370px] ${
+        className={`flex flex-wrap items-start gap-8 md:gap-x-24 ${
           displayedIconsPaginated.length > 0 ? '' : 'md:items-center'
         }  justify-center md:justify-start`}
       >
@@ -133,20 +133,24 @@ const IconList = ({ icons }: { icons: Icon[] }) => {
 
       <div className="flex flex-col mt-12">
         <div className="flex justify-center gap-8">
-          <button
-            onClick={actions.prevPage}
-            disabled={isPrevDisabled}
-            className="disabled:text-gray-300 disabled:pointer-events-none"
-          >
-            Previous page
-          </button>
-          <button
-            onClick={actions.nextPage}
-            disabled={isNextDisabled}
-            className="disabled:text-gray-300 disabled:pointer-events-none"
-          >
-            Next page
-          </button>
+          {!isPrevDisabled && (
+            <button
+              onClick={actions.prevPage}
+              disabled={isPrevDisabled}
+              className="disabled:text-gray-300 disabled:pointer-events-none"
+            >
+              Previous page
+            </button>
+          )}
+          {!isNextDisabled && (
+            <button
+              onClick={actions.nextPage}
+              disabled={isNextDisabled}
+              className="disabled:text-gray-300 disabled:pointer-events-none"
+            >
+              Next page
+            </button>
+          )}
         </div>
       </div>
     </div>

src/pages/index.tsx

@@ -39,8 +39,9 @@ export default function Home({ icons }: { icons: Icon[] }) {
         <Navigation />
         <Hero />
         <div className="flex flex-col items-center my-10 md:my-24 text-center gap-4">
+          <small>Last updated: March 2024</small>
           <h2 className="font-black text-4xl">
-            +110 cool icons already made their way to the hive!
+            +140 cool icons already made their way to the hive!
           </h2>
           <div className="flex flex-col items-center gap-4">
             <h3>Some of the new incorporations:</h3>