@rpcbase/client 0.79.0 → 0.81.0

package/auth/SignOut/index.js

@@ -2,6 +2,7 @@
 import assert from "assert"
 import {useState, useEffect} from "react"
 import {ActivityIndicator} from "react-native"
+import Alert from "react-bootstrap/Alert"
 import page from "page"
 
 import post from "../../helpers/post"
@@ -23,13 +24,14 @@ const SignOut = ({
   const [isSignedOut, setIsSignedOut] = useState(false)
 
   const [accounts, setAccounts] = useState()
+  const [selectedAccounts, setSelectedAccounts] = useState([])
+
 
   useEffect(() => {
     const load = async() => {
       const res = await post("/api/v1/auth/get_accounts")
       assert(res.status === "ok")
       setAccounts(res.accounts)
-      console.log("ACCOUNTS", res.accounts)
     }
 
     load()
@@ -52,18 +54,19 @@ const SignOut = ({
   }
 
 
-  const onClickAccount = () => {
-    console.log("clicked account")
-  }
-
-
   const onSubmit = () => {
     signOut()
+    console.log("SEL", selectedAccounts)
   }
 
   return (
     <div id="sign-out-wrapper">
-      {isSignedOut && <div>signed out successfully</div>}
+
+      {isSignedOut && (
+        <Alert variant="light" data-bs-theme="dark" style={{maxWidth: 260, position: "absolute"}} onClose={() => setIsSignedOut(false)} dismissible>
+          Signed out successfully
+        </Alert>
+      )}
 
       {accounts ? (<div className="form-signout text-center px-4 py-4 shadow-lg">
 
@@ -78,13 +81,24 @@ const SignOut = ({
               <ul className="list-group text-start">
                 {accounts.map((acc, index) => {
                   const id = `acc-${acc.user_id}-${index}`
+
+                  const onChange = (e) => {
+                    if (e.target.checked) {
+                      setSelectedAccounts((prev) => [...prev, acc.user_id])
+                    } else {
+                      setSelectedAccounts((prev) => [...prev.filter((v) => v !== acc.user_id)])
+                    }
+                  }
+
+                  const checked = selectedAccounts.includes(acc.user_id)
+
                   return (
                     <li key={id} className="list-group-item">
-                      <input className="form-check-input me-3" type="checkbox" value="" id={id} />
+                      <input className="form-check-input me-3" type="checkbox" value="" checked={checked} onChange={onChange} id={id} />
                       <label className="form-check-label stretched-link" for={id}>
                         <AccountListItem
                           account={acc}
-                          onClick={onClickAccount}
+                          // onClick={onClickAccount}
                         />
                       </label>
                     </li>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.79.0",
+  "version": "0.81.0",
   "scripts": {
     "build-firebase": "webpack -c firebase/webpack.config.js",
     "build": "yarn build-firebase",

package/rts/getUseQuery.js

@@ -138,7 +138,7 @@ const getUseQuery = (register_query) => (
 
     return () => {
       log && log("useQuery cleanup unsubscribe()")
-      unsubscribe()
+      typeof unsubscribe === "function" && unsubscribe()
     }
   }, [JSON.stringify(query), key])
 

package/rts/store/index.js

@@ -46,7 +46,7 @@ const run_query = async({model_name, query, query_key, options}, callback) => {
   // TODO: we should prefix model_name with tenant_prefix + env_id
   const col = get_collection(model_name)
 
-  console.time(`query-${model_name}`)
+  // console.time(`query-${model_name}`)
   // https://github.com/pouchdb/pouchdb/tree/master/packages/node_modules/pouchdb-find#dbcreateindexindex--callback
   const {docs} = await col.find({
     // TODO: we should check if the selectors are compatible here
@@ -55,7 +55,7 @@ const run_query = async({model_name, query, query_key, options}, callback) => {
     // https://github.com/pouchdb/pouchdb/blob/master/packages/node_modules/pouchdb-find/src/adapters/local/find/index.js
     // fields: [""]
   })
-  console.timeEnd(`query-${model_name}`)
+  // console.timeEnd(`query-${model_name}`)
 
   let mapped_docs = docs
     .map(({_rev, ...doc}) => {