fixed Guard visible

Authing · Sep 14, 2022 · 6492c06 · 6492c06
1 parent bb86961
commit 6492c06
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 3 deletions.
diff --git a/examples/guard-react/src/App.tsx b/examples/guard-react/src/App.tsx
@@ -13,6 +13,9 @@ function App() {
       // host="https://guard-test-2022.authing.cn"
       // redirectUri="http://localhost:3000/callback"
       align="center"
+      config={{
+        mode: 'modal'
+      }}
     >
       <RouterComponent></RouterComponent>
     </GuardProvider>

diff --git a/examples/guard-react/src/pages/Login.tsx b/examples/guard-react/src/pages/Login.tsx
@@ -5,6 +5,8 @@ import { useGuard, Lang } from '@authing/guard-react'
 export default function Login() {
   const guard = useGuard()
 
+  console.log('guard: ', guard)
+
   const [lang, setLang] = useState<Lang>('zh-CN')
 
   useEffect(() => {

diff --git a/examples/guard/src/config.ts b/examples/guard/src/config.ts
@@ -1,7 +1,10 @@
-import { GuardOptions } from '@authing/guard'
+import { GuardOptions, GuardMode } from '@authing/guard'
 
 export const guardOptions: GuardOptions = {
   appId: '62e7f0c91073aaba0db4d65b',
   // host: 'https://ipehegkanbpgkdho-demo.authing.cn',
-  align: 'center'
+  align: 'center',
+  config: {
+    mode: GuardMode.Modal
+  }
 }
diff --git a/examples/guard/src/pages/Login.tsx b/examples/guard/src/pages/Login.tsx
@@ -62,6 +62,8 @@ export default function Login () {
 
   const onLogout = () => guard.logout()
 
+  const showGuardModal = () => guard.show()
+
   return <>
     <div style={{ marginBottom: '100px' }}>
       <button onClick={onmountGuard}>unmount Guard Component</button>
@@ -70,6 +72,7 @@ export default function Login () {
       <button onClick={getUserInfo}>getUserInfo</button>
       <button onClick={checkLoginStatus}>checkLoginStatus</button>
       <button onClick={onLogout}>onLogout</button>
+      <button onClick={showGuardModal}>show Guard Modal</button>
     </div>
 
     <div id="guard-container"></div>

diff --git a/packages/guard/src/index.tsx b/packages/guard/src/index.tsx
@@ -66,7 +66,7 @@ export class Guard {
 
     this.then = init.then.bind(init)
 
-    this.visible = !!!(options.mode === GuardMode.Modal)
+    this.visible = !!(options.mode === GuardMode.Modal)
   }
 
   private async getPublicConfig(): Promise<{