-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #133 from giranm/release/v0.1.0-beta.0
[Release] v0.1.0 beta.0
- Loading branch information
Showing
46 changed files
with
1,432 additions
and
556 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| /* eslint-disable no-unused-vars */ | ||
| import React, { | ||
| useState, useEffect, | ||
| } from 'react'; | ||
|
|
||
| import { | ||
| Form, Button, Dropdown, Spinner, Row, | ||
| } from 'react-bootstrap'; | ||
|
|
||
| import { | ||
| createCodeVerifier, getAuthURL, exchangeCodeForToken, | ||
| } from 'util/auth'; | ||
|
|
||
| import './AuthComponent.scss'; | ||
|
|
||
| const AuthComponent = (props) => { | ||
| const [authURL, setAuthURL] = useState(''); | ||
| const urlParams = new URLSearchParams(window.location.search); | ||
| const accessToken = sessionStorage.getItem('pd_access_token'); | ||
| const code = urlParams.get('code'); | ||
| let codeVerifier = sessionStorage.getItem('code_verifier'); | ||
| let { | ||
| redirectURL, | ||
| } = props; | ||
| const { | ||
| clientId, clientSecret, | ||
| } = props; | ||
|
|
||
| if (!redirectURL) { | ||
| // assume that the redirect URL is the current page | ||
| redirectURL = `${window.location.protocol}//${window.location.host}${window.location.pathname}`; | ||
| } | ||
|
|
||
| useEffect(() => { | ||
| if (code && codeVerifier && !accessToken) { | ||
| exchangeCodeForToken(clientId, clientSecret, redirectURL, codeVerifier, code).then( | ||
| (token) => { | ||
| sessionStorage.removeItem('code_verifier'); | ||
| sessionStorage.setItem('pd_access_token', token); | ||
| window.location.assign(redirectURL); | ||
| }, | ||
| ); | ||
| } else if (!accessToken) { | ||
| codeVerifier = createCodeVerifier(); | ||
| sessionStorage.setItem('code_verifier', codeVerifier); | ||
| getAuthURL(clientId, clientSecret, redirectURL, codeVerifier).then((url) => { | ||
| setAuthURL(url); | ||
| }); | ||
| } | ||
| }, []); | ||
|
|
||
| if (code && codeVerifier) { | ||
| return ( | ||
| <div align="center"> | ||
| <br /> | ||
| <Row className="justify-content-md-center"> | ||
| <Spinner animation="border" role="status" variant="success" /> | ||
| <h5 className="querying-incidents"> | ||
| <b>Signing into PagerDuty Live</b> | ||
| </h5> | ||
| </Row> | ||
| </div> | ||
| ); | ||
| } | ||
| return ( | ||
| <div align="center"> | ||
| <Form id="pd-login-form"> | ||
| <div id="pd-login-logo" /> | ||
| <Dropdown.Divider /> | ||
| <div id="pd-login-description"> | ||
| <h1>Live Incidents Console</h1> | ||
| <p>Connect using PagerDuty OAuth to use this app</p> | ||
| </div> | ||
| <Button | ||
| id="pd-login-button" | ||
| variant="primary" | ||
| size="lg" | ||
| onClick={() => window.location.assign(authURL)} | ||
| > | ||
| Sign In | ||
| </Button> | ||
| </Form> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default AuthComponent; |
Oops, something went wrong.