diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 6670bb18..f4a7cbc3 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -91,7 +91,7 @@ const config: Config = { items: [ { type: "dropdown", - html: ' Docs', + html: 'πŸ“š Docs', position: "left", items: [ { @@ -130,8 +130,8 @@ const config: Config = { value: `
Interview Prep
- Technical
- Behavioral + 🧩 Technical
+ πŸ’‘ Behavioral
`, }, @@ -139,62 +139,62 @@ const config: Config = { }, { to: "/showcase", - html: ' Showcase', + html: 'πŸ‘οΈ Showcase', position: "left", }, { to: "/dashboard", - html: ' Dashboard', + html: 'πŸ“Š Dashboard', position: "left", }, { to: "/our-sponsors/", - html: ' Donate', + html: 'πŸ’° Donate', position: "left", }, { type: "dropdown", - html: ' Devfolio', + html: 'πŸ‘€ Devfolio', position: "left", items: [ { - html: ' GitHub Profiles', + html: 'πŸ™ GitHub Profiles', to: "https://dev.recodehive.com/devfolio", }, { - html: ' GitHub Badges', + html: 'πŸ… GitHub Badges', to: "/badges/github-badges/", }, ], }, { to: "/blogs", - html: ' Blogs', + html: 'πŸ“ Blogs', position: "left", }, { type: "dropdown", - html: ' More', + html: 'β‹― More', position: "left", items: [ { - html: ' E-books', + html: 'πŸ“š E-books', to: "https://learn.recodehive.com/datascience", }, { - html: ' Roadmap', + html: 'πŸ—ΊοΈ Roadmap', to: "https://github.com/orgs/recodehive/projects/9", }, { - html: ' Community', + html: 'πŸ‘₯ Community', to: "/community", }, { - html: ' Broadcast', + html: 'πŸ“Ί Broadcast', to: "/broadcasts/", }, { - html: ' Podcast', + html: 'πŸŽ™οΈ Podcast', to: "/podcasts/", }, ], diff --git a/src/components/navbar/NavbarIcon.tsx b/src/components/navbar/NavbarIcon.tsx deleted file mode 100644 index 5064297b..00000000 --- a/src/components/navbar/NavbarIcon.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from "react"; -import { - Book, - Eye, - LayoutDashboard, - DollarSign, - User, - Newspaper, - MoreHorizontal, - Github, - BadgeCheck, - FileText, - Users, - Tv, - Mic, - Lightbulb, - Puzzle, -} from "lucide-react"; - -const iconMap: Record = { - Docs: , - Showcase: , - Dashboard: , - Donate: , - Devfolio: , - Blogs: , - More: , - GitHub: , - Badges: , - Ebooks: , - Roadmap: , - Community: , - Broadcast: , - Podcast: , - Behavioral: , - Technical: , -}; - -export default function NavbarIcon({ name }: { name: string }) { - return ( - - {iconMap[name] || null} - - ); -} diff --git a/src/components/navbar/NavbarIconInjector.tsx b/src/components/navbar/NavbarIconInjector.tsx deleted file mode 100644 index b9fdbf0c..00000000 --- a/src/components/navbar/NavbarIconInjector.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React, { useEffect } from "react"; -import NavbarIcon from "./NavbarIcon"; - -const iconMap = [ - { id: "nav-docs", name: "Docs" }, - { id: "nav-showcase", name: "Showcase" }, - { id: "nav-dashboard", name: "Dashboard" }, - { id: "nav-donate", name: "Donate" }, - { id: "nav-devfolio", name: "Devfolio" }, - { id: "nav-blogs", name: "Blogs" }, - { id: "nav-more", name: "More" }, - // Sub nav items - { id: "nav-github", name: "GitHub" }, - { id: "nav-badges", name: "Badges" }, - { id: "nav-ebooks", name: "Ebooks" }, - { id: "nav-roadmap", name: "Roadmap" }, - { id: "nav-community", name: "Community" }, - { id: "nav-broadcast", name: "Broadcast" }, - { id: "nav-podcast", name: "Podcast" }, - { id: "nav-technical", name: "Technical" }, - { id: "nav-behavioral", name: "Behavioral" }, -]; - -export default function NavbarIconInjector() { - useEffect(() => { - iconMap.forEach(({ id, name }) => { - const el = document.getElementById(id); - if (el && el.childNodes.length === 0) { - import("react-dom").then((ReactDOM) => { - (ReactDOM.default as any).render(, el); - }); - } - }); - }, []); - return null; -} diff --git a/src/pages/dashboard/giveaway/index.tsx b/src/pages/dashboard/giveaway/index.tsx index 038e6d6b..19440924 100644 --- a/src/pages/dashboard/giveaway/index.tsx +++ b/src/pages/dashboard/giveaway/index.tsx @@ -1,7 +1,6 @@ import React, { useEffect, useState } from 'react'; import Layout from '@theme/Layout'; import Head from '@docusaurus/Head'; -import NavbarIcon from "../../../components/navbar/NavbarIcon"; import { useHistory } from "@docusaurus/router"; import type confettiType from 'canvas-confetti'; import "../dashboard.css"; @@ -118,35 +117,27 @@ const GiveawayPage: React.FC = () => { className="nav-item" onClick={() => handleTabChange("home")} > - - - + πŸ“Š Home
  • handleTabChange("discuss")} > - - - + πŸ“Ί Discuss
  • handleTabChange("leaderboard")} > - - - + πŸ… Leaderboard
  • - - - + πŸ’° Giveaway
    • diff --git a/src/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx index 456b47b7..de93de3b 100644 --- a/src/pages/dashboard/index.tsx +++ b/src/pages/dashboard/index.tsx @@ -1,4 +1,3 @@ -import NavbarIcon from "../../components/navbar/NavbarIcon"; import React, { useEffect, useState } from "react"; import Layout from "@theme/Layout"; import Head from "@docusaurus/Head"; @@ -14,7 +13,6 @@ import { GitHubDiscussion, } from "@site/src/services/githubService"; import DiscussionCard from "@site/src/components/discussions/DiscussionCard"; -import { Megaphone, Lightbulb, HelpCircle, Star, MessageCircle, Search, TrendingUp } from "lucide-react"; import "@site/src/components/discussions/discussions.css"; import "./dashboard.css"; @@ -152,11 +150,11 @@ const DashboardContent: React.FC = () => { const getCategoryIcon = (category: string) => { const iconMap = { 'all': null, - 'announcements': , - 'ideas': , - 'q-a': , - 'show-and-tell': , - 'general': + 'announcements': 'πŸ“’', + 'ideas': 'πŸ’‘', + 'q-a': '❓', + 'show-and-tell': '⭐', + 'general': 'πŸ’¬' }; return iconMap[category] || null; }; @@ -928,18 +926,14 @@ const DashboardContent: React.FC = () => { className={`nav-item ${activeTab === "home" ? "active" : ""}`} onClick={() => handleTabChange("home")} > - - - + πŸ“Š Home
  • handleTabChange("discuss")} > - - - + πŸ“Ί Discuss
  • { }`} onClick={() => handleTabChange("leaderboard")} > - - - + πŸ… Leaderboard
  • handleTabChange("giveaway")} > - - - + πŸ’° Giveaway
    • @@ -1394,7 +1384,7 @@ const DashboardContent: React.FC = () => { }`} onClick={() => handleDiscussionTabChange("trending")} > - Trending + πŸ“ˆ Trending