add onlyWidgets

icpc · Sep 18, 2024 · 54700d4 · 54700d4
1 parent afd07dc
commit 54700d4
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/docs/frontend-tricks.md b/docs/frontend-tricks.md
@@ -16,3 +16,13 @@ You can pass forces visual config using the forceVisualConfig
 
 Examples:
 - `http://host/overelay?forceVisualConfig=`
+
+
+## onlyWidgets
+You can pass onlyWidgets query params to show only the widgets that are passed in the query params by their id.
+
+Examples:
+- `http://host/overlay?onlyWidgets=queue`  
+   show only queue
+- `http://host/overlay?onlyWidgets=teamview.BOTTOM_RIGHT,teamview.BOTTOM_LEFT`  
+   show only bottom teamviews
diff --git a/src/frontend/overlay/src/components/layouts/MainLayout.tsx b/src/frontend/overlay/src/components/layouts/MainLayout.tsx
@@ -126,6 +126,9 @@ export const MainLayout = () => {
                 if (params.get("scene") && obj.type !== "TeamLocatorWidget") {
                     return null;
                 }
+                if (params.get("onlyWidgets") && !params.get("onlyWidgets").split(",").includes(obj.widgetId)) {
+                    return null;
+                }
                 return <Transition key={obj.widgetId} timeout={Widget.overrideTimeout ?? c.WIDGET_TRANSITION_TIME}>
                     {state =>
                         state !== "exited" && <WidgetWrap