@rpcbase/client 0.77.0 → 0.79.0

package/auth/SetNewPassword/index.js

@@ -48,7 +48,7 @@ const SetNewPassword = ({name, logo}) => {
       token,
       password,
     })
-    console.log("GOT RESSSS", res)
+
     setIsLoading(false)
 
     if (res.status === "ok") {

package/auth/SignOut/index.js

@@ -22,7 +22,7 @@ const SignOut = ({
 
   const [isSignedOut, setIsSignedOut] = useState(false)
 
-  const [accounts, setAccounts] = useState([])
+  const [accounts, setAccounts] = useState()
 
   useEffect(() => {
     const load = async() => {
@@ -44,7 +44,6 @@ const SignOut = ({
       localStorage.clear()
 
       // TODO: clear DB
-
       setIsSignedOut(true)
       onSuccess()
     } else {
@@ -65,37 +64,49 @@ const SignOut = ({
   return (
     <div id="sign-out-wrapper">
       {isSignedOut && <div>signed out successfully</div>}
-      {accounts?.length > 0 && (<><div className="form-signout text-center px-4 py-4 shadow-lg">
-        <div>
+
+      {accounts ? (<div className="form-signout text-center px-4 py-4 shadow-lg">
+
           <h1 className="h4 mt-3 mb-3 fw-normal">Sign Out</h1>
-          <p className="text-start text-muted">
-            Select accounts to sign out of:
-          </p>
-
-          <ul className="list-group text-start">
-            {accounts.map((acc, index) => {
-              const id = `acc-${acc.user_id}-${index}`
-              return (
-                <li key={id} className="list-group-item">
-                  <input className="form-check-input me-3" type="checkbox" value="" id={id} />
-                  <label className="form-check-label stretched-link" for={id}>
-                    <AccountListItem
-                      account={acc}
-                      onClick={onClickAccount}
-                    />
-                  </label>
-                </li>
-              )
-            })}
-          </ul>
-
-          <button className="mt-4 mb-3 w-100 btn btn-lg btn-primary" type="submit" onClick={onSubmit}>Sign Out</button>
-
-        </div>
-      </div>
+
+          {Array.isArray(accounts) && accounts.length > 0 && (
+            <>
+              <p className="text-start text-muted">
+                Select accounts to sign out of:
+              </p>
+
+              <ul className="list-group text-start">
+                {accounts.map((acc, index) => {
+                  const id = `acc-${acc.user_id}-${index}`
+                  return (
+                    <li key={id} className="list-group-item">
+                      <input className="form-check-input me-3" type="checkbox" value="" id={id} />
+                      <label className="form-check-label stretched-link" for={id}>
+                        <AccountListItem
+                          account={acc}
+                          onClick={onClickAccount}
+                        />
+                      </label>
+                    </li>
+                  )
+                })}
+              </ul>
+
+              <button className="mt-4 mb-3 w-100 btn btn-lg btn-primary" type="submit" onClick={onSubmit}>Sign Out</button>
+            </>
+          )}
+
+          {Array.isArray(accounts) && accounts.length === 0 && (
+            <p className="text-start text-muted">
+              You aren't signed in to any accounts<br />
+              Go to: <a href="/signin">/signin</a>
+            </p>
+          )}
+
+      </div>) : <div className="h-100"/>}
 
       <Footer name={name} />
-      </>)}
+
     </div>
   )
 }

package/package.json

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