File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 66 "@testing-library/jest-dom" : " ^5.11.4" ,
77 "@testing-library/react" : " ^11.1.0" ,
88 "@testing-library/user-event" : " ^12.1.10" ,
9+ "bootstrap" : " ^4.6.0" ,
910 "react" : " ^17.0.2" ,
11+ "react-bootstrap" : " ^1.5.2" ,
1012 "react-dom" : " ^17.0.2" ,
1113 "react-scripts" : " 4.0.3" ,
1214 "web-vitals" : " ^1.0.1"
Original file line number Diff line number Diff line change 77 < meta name ="theme-color " content ="#000000 " />
88 < meta
99 name ="description "
10- content ="Web site created using create-react-app "
10+ content ="Example React.JS app with OAuth Implict Grant authentication and using the DocuSign API for an Embedded Signing Ceremony "
1111 />
12+ <!-- Including the bootstrap css via CDN -->
13+ < link
14+ rel ="stylesheet "
15+ href ="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css "
16+ integrity ="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T "
17+ crossorigin ="anonymous "
18+ >
1219 < link rel ="apple-touch-icon " href ="%PUBLIC_URL%/logo192.png " />
1320 <!--
1421 manifest.json provides metadata used when your web app is installed on a
2431 work correctly both with client-side routing and a non-root public URL.
2532 Learn how to configure a non-root public URL by running `npm run build`.
2633 -->
27- < title > React App</ title >
34+ < title > React | OAuth Implicit Grant | DocuSign Example App</ title >
2835 </ head >
2936 < body >
3037 < noscript > You need to enable JavaScript to run this app.</ noscript >
Original file line number Diff line number Diff line change 1- .App {
2- text-align : center;
3- }
4-
5- .App-logo {
6- height : 40vmin ;
7- pointer-events : none;
8- }
9-
10- @media (prefers-reduced-motion : no-preference) {
11- .App-logo {
12- animation : App-logo-spin infinite 20s linear;
1+ .header {
2+ text-align : center;
133 }
14- }
15-
16- .App-header {
17- background-color : # 282c34 ;
18- min-height : 100vh ;
19- display : flex;
20- flex-direction : column;
21- align-items : center;
22- justify-content : center;
23- font-size : calc (10px + 2vmin );
24- color : white;
25- }
26-
27- .App-link {
28- color : # 61dafb ;
29- }
30-
31- @keyframes App-logo-spin {
32- from {
33- transform : rotate (0deg );
34- }
35- to {
36- transform : rotate (360deg );
37- }
38- }
4+
Original file line number Diff line number Diff line change 1- import logo from './logo.svg' ;
1+ import Jumbotron from 'react-bootstrap/Jumbotron' ;
2+ import Container from 'react-bootstrap/Container' ;
3+
24import './App.css' ;
35
4- function App ( ) {
5- return (
6- < div className = "App" >
7- < header className = "App-header" >
8- < img src = { logo } className = "App-logo" alt = "logo" />
9- < p >
10- Edit < code > src/App.js</ code > and save to reload.
11- </ p >
12- < a
13- className = "App-link"
14- href = "https://reactjs.org"
15- target = "_blank"
16- rel = "noopener noreferrer"
17- >
18- Learn React
19- </ a >
20- </ header >
21- </ div >
22- ) ;
23- }
246
7+ const App = ( ) => (
8+ < Container className = "p-3" >
9+ < Jumbotron >
10+ < h1 className = "header" > Welcome To React-Bootstrap</ h1 >
11+ </ Jumbotron >
12+ </ Container >
13+ ) ;
14+
2515export default App ;
You can’t perform that action at this time.
0 commit comments