From c09d4c8fe1b06e9af0f911f8d5a21810f666492a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Tornielli?= Date: Tue, 16 Jan 2024 16:05:10 -0300 Subject: [PATCH 1/5] docs: Update default position --- docs/angular/devtools.md | 2 +- docs/react/devtools.md | 2 +- docs/solid/devtools.md | 2 +- docs/vue/devtools.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/angular/devtools.md b/docs/angular/devtools.md index f0c1229c3c..859e327078 100644 --- a/docs/angular/devtools.md +++ b/docs/angular/devtools.md @@ -46,7 +46,7 @@ import { Component } from '@angular/core'; - `initialIsOpen: Boolean` - Set this `true` if you want the dev tools to default to being open - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"` - - Defaults to `bottom-left` + - Defaults to `bottom-right` - The position of the TanStack logo to open and close the devtools panel - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom` diff --git a/docs/react/devtools.md b/docs/react/devtools.md index df95fe49ad..fa39c02c25 100644 --- a/docs/react/devtools.md +++ b/docs/react/devtools.md @@ -57,7 +57,7 @@ function App() { - `initialIsOpen: Boolean` - Set this `true` if you want the dev tools to default to being open - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"` - - Defaults to `bottom-left` + - Defaults to `bottom-right` - The position of the React Query logo to open and close the devtools panel - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom` diff --git a/docs/solid/devtools.md b/docs/solid/devtools.md index 3d14b17cc5..d19f86e48a 100644 --- a/docs/solid/devtools.md +++ b/docs/solid/devtools.md @@ -53,7 +53,7 @@ function App() { - `initialIsOpen: Boolean` - Set this `true` if you want the dev tools to default to being open - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"` - - Defaults to `bottom-left` + - Defaults to `bottom-right` - The position of the Solid Query logo to open and close the devtools panel - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom` diff --git a/docs/vue/devtools.md b/docs/vue/devtools.md index 2cb20971fb..f6718c005f 100644 --- a/docs/vue/devtools.md +++ b/docs/vue/devtools.md @@ -49,7 +49,7 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools' - `initialIsOpen: Boolean` - Set this `true` if you want the dev tools to default to being open - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"` - - Defaults to `bottom-left` + - Defaults to `bottom-right` - The position of the React Query logo to open and close the devtools panel - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom` From 9d48a224bb414c99aa121a70aaf2433c86b3356f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Tornielli?= Date: Tue, 16 Jan 2024 16:06:31 -0300 Subject: [PATCH 2/5] fix: Default btn position for React.js --- packages/react-query-devtools/src/devtools.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-query-devtools/src/devtools.tsx b/packages/react-query-devtools/src/devtools.tsx index cceca39091..d656d719fc 100644 --- a/packages/react-query-devtools/src/devtools.tsx +++ b/packages/react-query-devtools/src/devtools.tsx @@ -17,7 +17,7 @@ export interface DevtoolsOptions { /** * The position of the React Query logo to open and close the devtools panel. * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' - * Defaults to 'bottom-left'. + * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition /** From 7d7975f14d45cdb1a00ba5e8342ae9e09fb16d26 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Tornielli?= Date: Tue, 16 Jan 2024 16:07:16 -0300 Subject: [PATCH 3/5] fix: Default btn position for Solid.js --- packages/solid-query-devtools/src/devtools.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/solid-query-devtools/src/devtools.tsx b/packages/solid-query-devtools/src/devtools.tsx index ef288f2cac..2e0872afdd 100644 --- a/packages/solid-query-devtools/src/devtools.tsx +++ b/packages/solid-query-devtools/src/devtools.tsx @@ -27,7 +27,7 @@ interface DevtoolsOptions { /** * The position of the React Query logo to open and close the devtools panel. * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' - * Defaults to 'bottom-left'. + * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition /** From 3b20e9e0d7dd54c4e23d359d83228a921a7cd6c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Tornielli?= Date: Tue, 16 Jan 2024 16:07:40 -0300 Subject: [PATCH 4/5] fix: Default btn position for Svelte --- packages/svelte-query-devtools/src/Devtools.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/svelte-query-devtools/src/Devtools.svelte b/packages/svelte-query-devtools/src/Devtools.svelte index 4f4fdd2d17..79eaa3c96a 100644 --- a/packages/svelte-query-devtools/src/Devtools.svelte +++ b/packages/svelte-query-devtools/src/Devtools.svelte @@ -11,7 +11,7 @@ } from '@tanstack/query-devtools' export let initialIsOpen = false - export let buttonPosition: DevtoolsButtonPosition = 'bottom-left' + export let buttonPosition: DevtoolsButtonPosition = 'bottom-right' export let position: DevtoolsPosition = 'bottom' export let client: QueryClient = useQueryClient() export let errorTypes: Array = [] From 153120767589301cdeaf68d3cd4555f0a4c9362e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Tornielli?= Date: Tue, 16 Jan 2024 16:08:02 -0300 Subject: [PATCH 5/5] fix: Default btn position for Vue.js --- packages/vue-query-devtools/src/devtools.vue | 2 +- packages/vue-query-devtools/src/types.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/vue-query-devtools/src/devtools.vue b/packages/vue-query-devtools/src/devtools.vue index 4f6937c38b..755b436d42 100644 --- a/packages/vue-query-devtools/src/devtools.vue +++ b/packages/vue-query-devtools/src/devtools.vue @@ -21,7 +21,7 @@ const devtools = new TanstackQueryDevtools({ }) watchEffect(() => { - devtools.setButtonPosition(props.buttonPosition || 'bottom-left') + devtools.setButtonPosition(props.buttonPosition || 'bottom-right') devtools.setPosition(props.position || 'bottom') devtools.setInitialIsOpen(props.initialIsOpen) devtools.setErrorTypes(props.errorTypes || []) diff --git a/packages/vue-query-devtools/src/types.ts b/packages/vue-query-devtools/src/types.ts index 87673849e1..56141dfb3a 100644 --- a/packages/vue-query-devtools/src/types.ts +++ b/packages/vue-query-devtools/src/types.ts @@ -13,7 +13,7 @@ export interface DevtoolsOptions { /** * The position of the React Query logo to open and close the devtools panel. * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' - * Defaults to 'bottom-left'. + * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition /**