fix: info buttons weren't showing text on mouse up #2408

components/Cards/Card.tsx

@@ -68,9 +68,9 @@ export const Card: FC<CardProps> = ({ data, onClick }) => {
             <span className='truncate ...'>Visit site</span>
             {youtubeRegex.test(url) ? (
               <BsYoutube size="1.3em" />
-            ) : subcategory === 'e-book' ? (
+            ) : subcategory === 'e_book' ? (
               <AiOutlineRead size="1.3em" />
-            ) : subcategory === 'technical-writing-tools' ? (
+            ) : subcategory === 'technical_writing_tools' ? (
               <BsPen size="1.2em" />
             ) : (
               <HiOutlineExternalLink size="1.3em" />

components/TopBar/TopBar.tsx

@@ -26,6 +26,7 @@ export const TopBar: FC<TopBarProps> = ({}) => {
   cleanedCategory = (subcategoryName || categoryName)
     .replaceAll(regEx, ' ')
     .replaceAll('search query ', '')
+    .replaceAll('three d', '3D')
 
   // Helper function to capitalize the first letter of each word
   const capitalizeEachWord = (str: string) => {

database/ai_tools/blog-writing.json → database/ai_tools/blog_writing.json

@@ -4,20 +4,20 @@
     "description": "These tools use AI to generate content based on prompts or keywords provided by the user. While they can be helpful for generating ideas or starting drafts, they may require additional editing to ensure quality and coherence",
     "url": "https://www.shortlyai.com/",
     "category": "ai-tools",
-    "subcategory": "blog-writing"
+    "subcategory": "blog_writing"
   },
   {
     "name": "Wordtune",
     "description": "Wordtune offers suggestions to improve the clarity, tone, and style of your writing. It can be particularly useful for refining sentences and making them more engaging.",
     "url": "https://www.wordtune.com/",
     "category": "ai-tools",
-    "subcategory": "blog-writing"
+    "subcategory": "blog_writing"
   },
   {
     "name": "Grammarly",
     "description": "While primarily known for its grammar and spell-checking capabilities, Grammarly also offers suggestions for improving clarity, conciseness, and style, which can be very helpful for blog writing.",
     "url": "https://www.grammarly.com/",
     "category": "ai-tools",
-    "subcategory": "blog-writing"
+    "subcategory": "blog_writing"
   }
 ]

database/artificial_intelligence/NLP.json

@@ -4,34 +4,34 @@
         "description": "This course teaches  the basics of text processing including basic pre-processing, spelling correction, language modeling, Part-of-Speech tagging, Constituency and Dependency Parsing, Lexical Semantics, distributional Semantics and topic models.",
         "url": "https://archive.nptel.ac.in/courses/106/106/106106211/",
         "category": "ai",
-        "subcategory": "natural-language-processing"
+        "subcategory": "natural_language_processing"
     },
     {
         "name": "Datacamp Tutorials",
         "description": "Provides NLP tutorials for Machine Learning Beginners",
         "url": "https://www.datacamp.com/blog/what-is-natural-language-processing",
         "category": "ai",
-        "subcategory": "natural-language-processing"
+        "subcategory": "natural_language_processing"
       },
       {
         "name": "fast.ai NLP course",
         "description": " Fast.ai's Code-First Introduction to Natural Language Processing for Beginners.",
         "url": "https://www.fast.ai/posts/2019-07-08-fastai-nlp.html",
         "category": "ai",
-        "subcategory": "natural-language-processing"
+        "subcategory": "natural_language_processing"
       },
       {
         "name": "freeCodeCamp",
         "description": "This is Freecodecamp's Natural Language Processing with spaCy & Python for beginners",
         "url": "https://youtu.be/dIUTsFT2MeQ",
         "category": "ai",
-        "subcategory": "natural-language-processing"
+        "subcategory": "natural_language_processing"
       },
       {
         "name": "Intellipat",
         "description": "Top 30 NLP Interview Questions and Answers",
         "url": "https://youtu.be/C_R9CBda7vY",
         "category": "ai",
-        "subcategory": "natural-language-processing"
+        "subcategory": "natural_language_processing"
       }
 ]

database/artificial_intelligence/artificial-intelligence.json → database/artificial_intelligence/artificial_intelligence.json

@@ -4,13 +4,13 @@
         "description": "Taught by Prof. Mausam from IIT Delhi, this course offers a self-paced learning experience covering problem modeling, AI models, and algorithms. It prepares students for advanced AI courses with 80+ lectures, video recordings, lecture notes, and practice problems. It's an excellent starting point to explore the basics of AI.",
         "url": "https://archive.nptel.ac.in/courses/106/102/106102220/",
         "category": "ai",
-        "subcategory": "artificial-intelligence"
+        "subcategory": "artificial_intelligence"
     },
     {
         "name": "Hugging Face",
         "description": "Hugging Face is a community and data science platform that provides tools to build, train, and deploy machine learning models based on open source code and technologies. It is also a place where a broad community of data scientists, researchers, and ML engineers can come together and share ideas, get support, and contribute to open source projects.",
         "url": "https://huggingface.co/",
         "category": "ai",
-        "subcategory": "artificial-intelligence"
+        "subcategory": "artificial_intelligence"
     }
 ]

database/artificial_intelligence/data-science.json → database/artificial_intelligence/data_science.json

@@ -4,27 +4,27 @@
     "description": "KDnuggets is a popular data science website that provides news, tutorials, and resources.",
     "url": "https://www.kdnuggets.com/",
     "category": "ai",
-    "subcategory": "data-science"
+    "subcategory": "data_science"
   },
   {
     "name": "Datacamp Tutorials",
     "description": "Provides tutorials for aspirational full stack Data Scientists.",
     "url": "https://www.datacamp.com/tutorial",
     "category": "ai",
-    "subcategory": "data-science"
+    "subcategory": "data_science"
   },
   {
     "name": "Analytics Vidhya",
     "description": "Analytics Vidhya is a platform for data science enthusiasts, offering tutorials, competitions, and community support.",
     "url": "https://www.analyticsvidhya.com/",
     "category": "ai",
-    "subcategory": "data-science"
+    "subcategory": "data_science"
   },
   {
     "name": "Kaggle",
     "description": "Kaggle is an online platform that hosts data science competitions. It's also where data scientists and machine learning practitioners worldwide come and network with each other.",
     "url": "https://www.kaggle.com/",
     "category": "ai",
-    "subcategory": "data-science"
+    "subcategory": "data_science"
   }
 ]

database/artificial_intelligence/deep-learning.json → database/artificial_intelligence/deep_learning.json

@@ -4,6 +4,6 @@
     "description": "A platform that focuses on explaining and visualizing complex concepts in deep learning, providing in-depth articles, tutorials, and interactive visualizations to help understand and explore deep learning techniques.",
     "url": "https://distill.pub/",
     "category": "ai",
-    "subcategory": "deep-learning"
+    "subcategory": "deep_learning"
   }
 ]

database/artificial_intelligence/machine-learning.json → database/artificial_intelligence/machine_learning.json

@@ -1,23 +1,23 @@
 [
   {
     "name": "CS229: Machine Learning",
-    "description": "Official site of the eponymous Stanford course. Provides a broad introduction to machine-learning.",
+    "description": "Official site of the eponymous Stanford course. Provides a broad introduction to machine learning.",
     "url": "https://cs229.stanford.edu/",
     "category": "ai",
-    "subcategory": "machine-learning"
+    "subcategory": "machine_learning"
   },
   {
     "name": "Towards Data Science",
-    "description": "Learn all things Data and machine-learning. Provides simple explanations for statistical and mathematical parts.",
+    "description": "Learn all things Data and machine learning. Provides simple explanations for statistical and mathematical parts.",
     "url": "https://towardsdatascience.com/",
     "category": "ai",
-    "subcategory": "machine-learning"
+    "subcategory": "machine_learning"
   },
   {
     "name": "Machine Learning Mastery",
     "description": "Machine Learning Mastery provides practical tutorials and resources for mastering machine learning algorithms and techniques.",
     "url": "https://machinelearningmastery.com/",
     "category": "ai",
-    "subcategory": "machine-learning"
+    "subcategory": "machine_learning"
   }
 ]

database/backend/email-providers.json → database/backend/email_providers.json

@@ -4,41 +4,41 @@
         "description": "EmailJS is a platform that simplifies sending emails through JavaScript by providing an API for seamless integration with web applications.",
         "url": "https://www.emailjs.com/",
         "category": "backend",
-        "subcategory": "email-providers"  
+        "subcategory": "email_providers"  
     },
     {
         "name": "Nodemailer",
         "description": "Nodemailer is a JavaScript library for sending emails from Node.js applications with ease and flexibility.",
         "url": "https://nodemailer.com/",
         "category": "backend",
-        "subcategory": "email-providers"  
+        "subcategory": "email_providers"  
     },
     {
         "name": "Mailgun",
         "description": "Mailgun is a powerful email delivery service designed for developers, offering robust APIs and tools to send, receive, and track emails effortlessly.",
         "url": "https://www.mailgun.com/",
         "category": "backend",
-        "subcategory": "email-providers"  
+        "subcategory": "email_providers"  
     },
     {
         "name": "SendGrid",
         "description": "SendGrid is a cloud-based email delivery platform trusted by developers for its scalability and comprehensive API solutions.",
         "url": "https://sendgrid.com/",
         "category": "backend",
-        "subcategory": "email-providers"  
+        "subcategory": "email_providers"  
     },
     {
         "name": "Amazon SES",
         "description": "Amazon SES is an email tool that also supports a variety of deployments including dedicated, shared, or owned IP addresses. ",
         "url": "https://aws.amazon.com/ses/",
         "category": "backend",
-        "subcategory": "email-providers"  
+        "subcategory": "email_providers"  
     },
     {
         "name": "Novu",
         "description": "Novu is an open-source notification infrastructure that allows developers to send notifications to their users through multiple channels, including email.",
         "url": "https://novu.co/",
         "category": "backend",
-        "subcategory": "email-providers"
+        "subcategory": "email_providers"
     }
 ]

database/backend/system-design.json → database/backend/system_design.json

@@ -4,31 +4,31 @@
     "description": "This channel teaches System Design and other computer science concepts such as Algorithm Design, Dynamic Programming, Software engineering, Competitive Programming, and more.",
     "url": "https://www.youtube.com/@gkcs",
     "category": "backend",
-    "subcategory": "system-design",
+    "subcategory": "system_design",
     "language": "english"
   },
   {
     "name": "What is System Design",
     "description": "This platform gives you an detailed overview of Sytem Design And why one should learn it. It also teaches you objectives, components of System Design, its architecture and more.",
     "url": "https://www.geeksforgeeks.org/what-is-system-design-learn-system-design/",
     "category": "backend",
-    "subcategory": "system-design",
+    "subcategory": "system_design",
     "language": "english"
   },
   {
     "name": "System Design Tutorial",
     "description": "This is the complete System Design Tutorial. You will learn Basics of System Design including SDLC, System design strategy and much more.",
     "url": "https://www.geeksforgeeks.org/system-design-tutorial/",
     "category": "backend",
-    "subcategory": "system-design",
+    "subcategory": "system_design",
     "language": "english"
   },
   {
     "name": "System Design Primer",
     "description": "The System Design Primer stands out as one of the most widely embraced GitHub repositories for acquiring knowledge in the realm of system design.",
     "url": "https://github.com/donnemartin/system-design-primer",
     "category": "backend",
-    "subcategory": "system-design",
+    "subcategory": "system_design",
     "language": "english"
   }
 ]

database/competitive_programming/cp-helpers.json → database/competitive_programming/cp_helpers.json

@@ -4,6 +4,6 @@
     "description": "A platform for CP enthusiasts to explore coding contests (LeetCode, Codeforces, CodeChef, etc.) and showcase skills through dynamic portfolios, displaying updated ratings, achievements, and coding history.",
     "url": "https://www.digitomize.com/",
     "category": "competitive-programming",
-    "subcategory": "cp-helpers"
+    "subcategory": "cp_helpers"
   }
 ]

database/competitive_programming/cp-platforms.json → database/competitive_programming/cp_platforms.json

@@ -4,62 +4,62 @@
     "description": "This site offers competitive coding challenges and interview preparation resources for software engineers and developers.",
     "url": "https://leetcode.com/",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "HackerRank",
     "description": "This resource provides developers with competitive programming challenges to improve their skills in multiple languages. It also allows tech recruiters to assess developers on their problem-solving skills.",
     "url": "https://www.hackerrank.com/",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "Atcoder",
     "description": "AtCoder is a programming contest site for beginners to experts.",
     "url": "https://atcoder.jp/",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "Codeforces",
     "description": "Codeforces is a website for practicing competitive programming",
     "url": "https://codeforces.com/",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "SPOJ",
     "description": "SPOJ is an online judge system with over 315,000 registered users and over 20,000 problems.",
     "url": "https://www.spoj.com/",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "Geek for Geeks",
     "description": "This website is the best place to practice programming problems, review company interview questions, and improve your coding skills",
     "url": "https://practice.geeksforgeeks.org/",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "Coding Ninjas",
     "description": "Want to participate in coding wars? Compete with other coders worldwide by participating in the contests. You also earn points for your achievements.",
     "url": "https://www.codingninjas.com/studio/home",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "CodeChef",
     "description": "Learn to code for free using our beginner friendly and interactive learning courses. Get all the practical skills required to excel at computer science.    ",
     "url": "https://www.codechef.com/",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   },
   {
     "name": "Exercism",
     "description": "Exercism is an online, open-source, free coding platform that offers code practice and mentorship on 67 different programming languages.",
     "url": "https://exercism.org",
     "category": "competitive-programming",
-    "subcategory": "cp-platforms"
+    "subcategory": "cp_platforms"
   }
 ]

database/competitive_programming/cp-tutorials.json → database/competitive_programming/cp_tutorials.json

@@ -4,55 +4,55 @@
     "description": "This channel provides competitive programming tactics, problem-solving techniques, and thought processes behind advanced algorithms.",
     "url": "https://www.youtube.com/@Errichto",
     "category": "competitive-programming",
-    "subcategory": "cp-tutorials",
+    "subcategory": "cp_tutorials",
     "language": "english"
   },
   {
     "name": "Luv",
     "description": "This channel offers a wealth of videos focused on enhancing coding skills and excelling in competitive programming challenges.",
     "url": "https://www.youtube.com/@iamluv",
     "category": "competitive-programming",
-    "subcategory": "cp-tutorials",
+    "subcategory": "cp_tutorials",
     "language": "english"
   },
   {
     "name": "Priyansh Agarwal",
     "description": "This channel provides insightful content on competitive programming topics and solutions for Codeforces, LeetCode, and CodeChef coding contests.",
     "url": "https://www.youtube.com/@PriyanshAgarwal",
     "category": "competitive-programming",
-    "subcategory": "cp-tutorials",
+    "subcategory": "cp_tutorials",
     "language": "english"
   },
   {
     "name": "Utkarsh Gupta",
     "description": "This channel provides in-depth tutorials, insightful strategies, and expert solutions to coding challenges from platforms like LeetCode, Codeforces, and CodeChef, empowering your competitive programming journey.",
     "url": "https://www.youtube.com/@utkarshgupta9858",
     "category": "competitive-programming",
-    "subcategory": "cp-tutorials",
+    "subcategory": "cp_tutorials",
     "language": "english"
   },
   {
     "name": "CodeNCode",
     "description": "This channel offers one of the best playlists for competitive programming, covering beginner topics like number theory and advanced topics such as dynamic programming, graph theory, bit manipulations, and segment trees. These concepts are explained in a very clear and easy-to-understand format.",
     "url": "https://www.youtube.com/@codencode",
     "category": "competitive-programming",
-    "subcategory": "cp-tutorials",
+    "subcategory": "cp_tutorials",
     "language": "english"
   },
   {
     "name": "Tushar Roy",
     "description": "Tushar Roy is a YouTube channel that provides educational content and valuable resources for individuals interested in competitive programming. It covers a wide range of topics related to computer science, data structures, algorithms, and programming.",
     "url": "https://www.youtube.com/@tusharroy2525/",
     "category": "competitive-programming",
-    "subcategory": "cp-tutorials",
+    "subcategory": "cp_tutorials",
     "language": "english"
   },
   {
     "name": "Neetcode",
     "description": "This video helps students and professionals to become better in Competitive Programming and tech interviews.",
     "url": "https://www.youtube.com/@NeetCode",
     "category": "competitive-programming",
-    "subcategory": "cp-tutorials",
+    "subcategory": "cp_tutorials",
     "language": "english"
   }
 ]