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>
replugged-org · Nov 9, 2023 · 6fd5205 · 6fd5205
1 parent 5d31260
commit 6fd5205
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git 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
@@ -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