Merge pull request #21 from omthakare16/main

added SignOutButton Component with callbacks

Author: ghoshbishakh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyauth.io/easyauth-react",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React SDK for EasyAuth",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

src/components/SignOutButton/SignOutButton.jsx

@@ -0,0 +1,27 @@
+import {useEasyauth} from '../../hooks/useEasyauth/useEasyauth.jsx';
+import PropTypes from 'prop-types';
+import React from 'react';
+
+export const SignOutButton = ({callback, children}) => {
+  const auth = useEasyauth();
+  const logoutLink =
+    auth.settings.authority.substring(0, auth.settings.authority.lastIndexOf('/')) +
+    '/logout?target=' +
+    btoa(callback || window.location.href);
+
+  return (
+    <div
+      onClick={() => {
+        auth.removeUser().then(() => (window.location.href = logoutLink));
+      }}
+    >
+      {children ? children : <button style={{cursor: 'pointer'}}>Sign Out</button>}
+    </div>
+  );
+};
+
+
+SignOutButton.propTypes = {
+  callback: PropTypes.string,
+  children: PropTypes.node,
+};

src/index.js

@@ -6,3 +6,4 @@ export * from './components/SignedInAndSignedOut/SignedOut.jsx';
 export * from './hooks/useUser/useUser.jsx';
 export * from './hooks/useStripe/useStripe.jsx';
 export * from './components/UserButton/UserButton.jsx';
+export * from './components/SignOutButton/SignOutButton.jsx';