From 6fd5205b996b71e8cd76ca78f3df097b83734725 Mon Sep 17 00:00:00 2001
From: LoneWeeb <73281112+Tharki-God@users.noreply.github.com>
Date: Thu, 9 Nov 2023 07:31:56 +0530
Subject: [PATCH] breadcrums fixed meow (#587)

* breadcrums meow

* Update src/renderer/coremods/settings/pages/Addons.css

Co-authored-by: Federico Di Leo <38290480+FedeIlLeone@users.noreply.github.com>

* i got sick so didnt

---------

Co-authored-by: Federico Di Leo <38290480+FedeIlLeone@users.noreply.github.com>
---
 src/renderer/coremods/settings/pages/Addons.css | 14 ++++++++++++++
 src/renderer/coremods/settings/pages/Addons.tsx | 10 +++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/renderer/coremods/settings/pages/Addons.css b/src/renderer/coremods/settings/pages/Addons.css
index e99058c6a..74207eaa4 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);
 }
+
+.replugged-addon-breadcrumbs {
+  margin-bottom: 20px;
+}
+.replugged-addon-breadcrumbsActive {
+  color: var(--header-primary);
+}
+.replugged-addon-breadcrumbsInactive {
+  cursor: pointer;
+  color: var(--header-secondary);
+}
+.replugged-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..b9d9dd28e 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={"replugged-addon-breadcrumbs"}>
           {section === `rp_${type}` ? (
             <Text.H2
               style={{
@@ -584,8 +580,8 @@ export const Addons = (type: AddonType): React.ReactElement => {
                   color={active ? "header-primary" : "inherit"}
                   className={
                     active
-                      ? BreadcrumbClasses.breadcrumbActive
-                      : BreadcrumbClasses.breadcrumbInactive
+                      ? "replugged-addon-breadcrumbsActive"
+                      : "replugged-addon-breadcrumbsInactive"
                   }
                   style={{
                     // Do not turn "(num)" into a single symbol