Bugfixes

.github/workflows/main.yml

@@ -19,9 +19,7 @@ jobs:
           node-version: "latest"
 
       - name: Run update scripts
-        run: |
-          node scripts/updateAliases.js
-          node scripts/listFolders.js
+        run: node scripts/listFolders.js
 
       - name: Install clean-css-cli
         run: npm install -g clean-css-cli

README.md

@@ -20,7 +20,7 @@ To use the Coloured Icons Library, simply add the following CDN link to your HTM
 ```
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/gh/dheereshagrwal/[email protected].7/src/app/ci.min.css"
+  href="https://cdn.jsdelivr.net/gh/dheereshagrwal/[email protected].8/src/app/ci.min.css"
 />
 ```
 

package.json

@@ -4,8 +4,8 @@
   "private": false,
   "type": "module",
   "scripts": {
-    "dev": "node scripts/updateAliases.js && node scripts/listFolders.js && next dev",
-    "build": "node scripts/updateAliases.js && node scripts/listFolders.js && next build",
+    "dev": "node scripts/listFolders.js && next dev",
+    "build": "node scripts/listFolders.js && next build",
     "start": "next start",
     "lint": "next lint",
     "minify:logos": "cleancss -o src/app/logos.min.css src/app/logos.css",

src/app/about/page.tsx

@@ -6,7 +6,7 @@ import CdnInclude from "../../components/About/CdnInclude";
 import IconSection from "../../components/About/IconSection";
 
 const CI_CSS_URL_VERSION =
-  "https://cdn.jsdelivr.net/gh/dheereshagrwal/[email protected].7/src/app/ci.min.css";
+  "https://cdn.jsdelivr.net/gh/dheereshagrwal/[email protected].8/src/app/ci.min.css";
 const CI_CSS_URL_LATEST =
   "https://cdn.jsdelivr.net/gh/dheereshagrwal/coloured-icons@master/src/app/ci.min.css";
 
@@ -21,7 +21,7 @@ export default function About() {
   return (
     <>
       <section className="max-w-7xl mx-auto">
-        <Navbar />
+        <Navbar hideSearch={true} />
       </section>
       <main className="mx-auto max-w-3xl px-4 py-12 sm:py-20 lg:py-28">
         <div className="text-center space-y-8">

src/app/logos.css

@@ -1267,6 +1267,15 @@
   content: url("../../public/logos/technology/anaconda/anaconda.svg");
 }
 
+.ci-android-horizontal,
+.ci-android-horizontal-dark,
+.ci-android-horizontal-light,
+.ci-android-inline,
+.ci-android-inline-dark,
+.ci-android-inline-light {
+  content: url("../../public/logos/technology/android/android-horizontal.svg");
+}
+
 .ci-android,
 .ci-android-dark,
 .ci-android-light {
@@ -2644,12 +2653,6 @@
   content: url("../../public/logos/technology/digitalocean/digitalocean.svg");
 }
 
-.ci-discord-horizontal,
-.ci-discord-horizontal-dark,
-.ci-discord-horizontal-light,
-.ci-discord-inline,
-.ci-discord-inline-dark,
-.ci-discord-inline-light,
 .ci-discordjs-horizontal,
 .ci-discordjs-horizontal-dark,
 .ci-discordjs-horizontal-light,
@@ -2659,9 +2662,6 @@
   content: url("../../public/logos/technology/discordjs/discordjs-horizontal.svg");
 }
 
-.ci-discord,
-.ci-discord-dark,
-.ci-discord-light,
 .ci-discordjs,
 .ci-discordjs-dark,
 .ci-discordjs-light {

src/components/Navbar/Navbar.tsx

@@ -8,7 +8,11 @@ import { Pacifico } from "next/font/google";
 
 const pacifico = Pacifico({ subsets: ["latin"], weight: "400" });
 
-const Navbar: React.FC = () => {
+interface NavbarProps {
+  hideSearch?: boolean;
+}
+
+const Navbar: React.FC<NavbarProps> = ({ hideSearch = false }) => {
   const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);
   const { triggerFocus } = useContext(SearchContext);
 
@@ -48,13 +52,15 @@ const Navbar: React.FC = () => {
           </div>
 
           <div className="flex flex-1 items-center justify-end gap-4">
-            <button
-              onClick={handleSearchClick}
-              className="p-2 hover:bg-gray-100 rounded-full transition-colors cursor-pointer"
-              aria-label="Search"
-            >
-              <CiSearch className="text-gray-700 text-xl" />
-            </button>
+            {!hideSearch && (
+              <button
+                onClick={handleSearchClick}
+                className="p-2 hover:bg-gray-100 rounded-full transition-colors cursor-pointer"
+                aria-label="Search"
+              >
+                <CiSearch className="text-gray-700 text-xl" />
+              </button>
+            )}
 
             <button
               type="button"
@@ -71,10 +77,7 @@ const Navbar: React.FC = () => {
       {/* Mobile menu */}
       {isMenuOpen && (
         <div className="lg:hidden fixed z-50">
-          <div
-            className="fixed"
-            onClick={() => setIsMenuOpen(false)}
-          />
+          <div className="fixed" onClick={() => setIsMenuOpen(false)} />
 
           {/* Menu panel */}
           <div className="fixed h-full inset-y-0 right-0 w-full overflow-y-auto bg-white px-8 mx-auto my-6 sm:max-w-sm">

src/constants/icons.ts

@@ -750,7 +750,8 @@ const icons = [
     "name": "Android",
     "category": "technology",
     "classes": [
-      "android"
+      "android",
+      "android-horizontal"
     ],
     "url": "android.com"
   },

src/constants/logoAliases.json

@@ -59,9 +59,6 @@
   "discord": [
     "dc"
   ],
-  "discordjs": [
-    "discord"
-  ],
   "dynamodb": [
     "dynamo"
   ],