fix: Better docs

shdwmtr · Oct 7, 2024 · ef6f8d8 · ef6f8d8
1 parent 84991ab
commit ef6f8d8
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 2 deletions.
diff --git a/docs/ui/users/Untitled.png b/docs/ui/users/Untitled.png
diff --git a/docs/ui/users/getting-started.md b/docs/ui/users/getting-started.md
@@ -18,6 +18,15 @@ If you don't already have any themes, you'll need to install some. Head over to
 1. Navigate to Steam Settings -> Themes -> Client Theme and select your newly installed theme.
 
 
+:::info
+If you are using the Brave browser, you may have difficulties installing themes out of the box, specifically the website saying you're in preview mode when Steam is open. To fix this, open the Brave ad blocker, and apply the following setting.
+![alt text](Untitled.png)
+
+You can alternatively disable the entire shield for the site.
+:::
+
+---
+
 # Plugins 
 
 As of 6/11/2024, plugins don't quite yet have proper support. The only supported plugin is the pre-installed plugin "Millennium". We hope to have proper support in the near future! Stick around for development, or contribute if you'r tech savvy!

diff --git a/src/pages/theme.js b/src/pages/theme.js
@@ -86,11 +86,11 @@ export default function Home({ json, markdown, isSteamClient })
             GetThemeStatus(millenniumIPC);
         };
 
-        millenniumIPC.onerror = () => {
+        millenniumIPC.onerror = async () => {
             toast.warn(
                 <div>
                     You're currently in view mode. To install this theme you must have Millennium installed with Steam open. &nbsp;
-                    <a href=''>Learn more...</a>
+                    <a href='https://docs.steambrew.app/users/getting-started#installing-themes'>Learn more...</a>
                 </div>, 
             {
                 position: "bottom-right",
@@ -102,8 +102,32 @@ export default function Home({ json, markdown, isSteamClient })
                 progress: undefined,
                 theme: "dark",
             });
+
+            const isBrave = navigator.brave && await navigator.brave.isBrave() || false
+
+            if (isBrave) {
+                toast.info(
+                    <div>
+                        It appears you're using Brave browser. Brave may block the connection between this site and Millennium. &nbsp;
+                        <a href='https://docs.steambrew.app/users/getting-started#installing-themes'>Learn more...</a> 
+                    </div>, 
+                {
+                    position: "bottom-right",
+                    autoClose: 15000,
+                    hideProgressBar: false,
+                    closeOnClick: true,
+                    pauseOnHover: true,
+                    draggable: true,
+                    progress: undefined,
+                    theme: "dark",
+                });
+            }
+
+
             setIsMillenniumConnected(false)
         };
+
+        millenniumIPC.onerror();
     };
 
     useEffect(() => { EstablishConnection() }, []);