From 91a9392f46dbdc1ec3c2c17b6ee62945d6363407 Mon Sep 17 00:00:00 2001
From: Tharki-God <alokender018@gmail.com>
Date: Mon, 6 Nov 2023 06:07:31 +0530
Subject: [PATCH] breadcrums meow

---
 src/renderer/coremods/settings/pages/Addons.css | 14 ++++++++++++++
 src/renderer/coremods/settings/pages/Addons.tsx | 12 ++----------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/renderer/coremods/settings/pages/Addons.css b/src/renderer/coremods/settings/pages/Addons.css
index e99058c6a..898816bb1 100644
--- a/src/renderer/coremods/settings/pages/Addons.css
+++ b/src/renderer/coremods/settings/pages/Addons.css
@@ -31,3 +31,17 @@
 .replugged-addon-icon:hover svg {
   color: var(--interactive-hover);
 }
+
+.rp-addon-breadcrumbs {
+  margin-bottom: 20px;
+}
+.rp-addon-breadcrumbsActive {
+  color: var(--header-primary);
+}
+.rp-addon-breadcrumbsInactive {
+  cursor: pointer;
+  color: var(--header-secondary);
+}
+.rp-addon-breadcrumbsInactive:hover {
+  color: var(--header-primary);
+}
diff --git a/src/renderer/coremods/settings/pages/Addons.tsx b/src/renderer/coremods/settings/pages/Addons.tsx
index f1250dfed..0854363a4 100644
--- a/src/renderer/coremods/settings/pages/Addons.tsx
+++ b/src/renderer/coremods/settings/pages/Addons.tsx
@@ -37,10 +37,6 @@ const logger = Logger.coremod("AddonSettings");
 const Breadcrumbs = webpack.getBySource<React.ComponentClass<BreadcrumbProps>>(
   /\w+.breadcrumbFinalWrapper/,
 )!;
-const BreadcrumbClasses =
-  webpack.getByProps<Record<"breadcrumbActive" | "breadcrumbInactive" | "breadcrumbs", string>>(
-    "breadcrumbActive",
-  )!;
 
 export enum AddonType {
   Plugin = "plugin",
@@ -547,7 +543,7 @@ export const Addons = (type: AddonType): React.ReactElement => {
   return (
     <>
       <Flex justify={Flex.Justify.BETWEEN} align={Flex.Align.START}>
-        <Flex align={Flex.Align.CENTER} className={BreadcrumbClasses.breadcrumbs}>
+        <Flex align={Flex.Align.CENTER} className={"rp-addon-breadcrumbs"}>
           {section === `rp_${type}` ? (
             <Text.H2
               style={{
@@ -582,11 +578,7 @@ export const Addons = (type: AddonType): React.ReactElement => {
               renderCustomBreadcrumb={(breadcrumb, active) => (
                 <Text.H2
                   color={active ? "header-primary" : "inherit"}
-                  className={
-                    active
-                      ? BreadcrumbClasses.breadcrumbActive
-                      : BreadcrumbClasses.breadcrumbInactive
-                  }
+                  className={active ? "rp-addon-breadcrumbsActive" : "rp-addon-breadcrumbsInactive"}
                   style={{
                     // Do not turn "(num)" into a single symbol
                     fontVariantLigatures: "none",