updated js-sdk and replaced missing handlers

ui/src/collections/collectionViewQueryTab.js

@@ -35,10 +35,7 @@ export function collectionViewQueryTab(upsertData) {
         }
 
         try {
-            // @todo replace with SDK method
-            const result = await app.pb.send("/api/collections/meta/dry-run-view", {
-                method: "POST",
-                body: { "query": query },
+            const result = await app.pb.collections.dryRunViewQuery(query, {
                 requestKey: TEST_REQUEST_KEY,
             });
 

ui/src/css/providers.css

@@ -11,8 +11,9 @@
     line-height: 1;
     font-size: var(--fontSize);
     color: var(--surfaceTxtDisabledColor);
-    background: var(--surfaceAlt1Color);
+    background: var(--surfaceAlt2Color);
     border-radius: var(--borderRadius);
+    transition: background var(--animationSpeed);
     &:empty {
         &::before {
             content: "\f452";
@@ -23,6 +24,15 @@
         width: 100%;
         height: auto;
     }
+    .handle:hover &,
+    .handle:focus-visible & {
+        background: var(--surfaceAlt3Color);
+    }
+    .handle.active &,
+    .handle:active & {
+        transition-duration: var(--activeAnimationSpeed);
+        background: var(--surfaceAlt4Color);
+    }
 }
 
 .provider-card {
@@ -66,22 +76,9 @@
         user-select: none;
         text-decoration: none;
         transition: background var(--animationSpeed);
-        .provider-logo {
-            transition: background var(--animationSpeed);
-        }
         &:hover,
         &:focus-visible {
             background: var(--surfaceAlt1Color);
-            .provider-logo {
-                background: var(--surfaceAlt2Color);
-            }
-        }
-        &.active,
-        &:active {
-            .provider-logo {
-                transition-duration: var(--activeAnimationSpeed);
-                background: var(--surfaceAlt3Color);
-            }
         }
     }
 

ui/src/settings/sql/pageSQLConsole.js

@@ -121,10 +121,7 @@ export function pageSQLConsole(route) {
         }
 
         try {
-            // @todo add method to JS SDK
-            pageData.result = await app.pb.send("/api/sql", {
-                method: "POST",
-                body: { query },
+            pageData.result = await app.pb.sql.run(query, {
                 requestKey: requestKey,
             });
 

ui/src/store.js

@@ -230,8 +230,7 @@ window.app.store = store({
         app.store.isLoadingOAuth2Providers = true;
 
         try {
-            // @todo replace with SDK call
-            app.store.oauth2Providers = await app.pb.send("/api/collections/meta/oauth2-providers");
+            app.store.oauth2Providers = await app.pb.collections.getAllOAuth2Providers();
             app.store.isLoadingOAuth2Providers = false;
         } catch (err) {
             if (!err.isAbort) {