@conorheffron/ironoc-frontend 7.2.8 → 7.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/index.html +1 -1
- package/src/App.css +1 -1
- package/src/AppNavbar.js +61 -55
- package/src/components/About.js +0 -2
- package/src/components/CoffeeHome.js +0 -2
- package/src/components/ControlledCarousel.js +0 -2
- package/src/components/Donate.js +0 -3
- package/src/components/Home.js +0 -2
- package/src/components/NotFound.js +0 -2
- package/src/components/RepoDetails.js +0 -3
- package/src/components/RepoIssues.js +0 -3
- package/src/index.js +9 -1
package/package.json
CHANGED
package/public/index.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8" />
|
|
5
5
|
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="theme-color" content="#000000" />
|
|
8
8
|
<meta
|
|
9
9
|
name="Personal Portfolio for Conor Heffron"
|
package/src/App.css
CHANGED
package/src/AppNavbar.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
2
|
import "bootstrap/dist/css/bootstrap.min.css";
|
|
3
|
-
import {Navbar, NavbarText, Container, Collapse, NavbarBrand, Nav, UncontrolledDropdown, DropdownToggle, DropdownItem, DropdownMenu } from "reactstrap";
|
|
3
|
+
import {Navbar, NavbarText, Container, Collapse, NavbarBrand, NavbarToggler, Nav, UncontrolledDropdown, DropdownToggle, DropdownItem, DropdownMenu } from "reactstrap";
|
|
4
4
|
import logo from './img/robot-logo.png';
|
|
5
5
|
import "@fontsource/montserrat/700.css";
|
|
6
6
|
import "@fontsource/open-sans/400-italic.css";
|
|
@@ -14,7 +14,7 @@ class AppNavBar extends Component {
|
|
|
14
14
|
dark = true,
|
|
15
15
|
fixed = 'top',
|
|
16
16
|
container = true,
|
|
17
|
-
expand =
|
|
17
|
+
expand = 'xxl', // Changed for responsive behavior per device type
|
|
18
18
|
className = 'nav-bar'
|
|
19
19
|
} = props;
|
|
20
20
|
|
|
@@ -25,12 +25,17 @@ class AppNavBar extends Component {
|
|
|
25
25
|
fixed,
|
|
26
26
|
container,
|
|
27
27
|
expand,
|
|
28
|
-
className
|
|
28
|
+
className,
|
|
29
|
+
isOpen: false // State to handle collapse toggle
|
|
29
30
|
};
|
|
30
31
|
}
|
|
31
32
|
|
|
33
|
+
toggleNavbar = () => {
|
|
34
|
+
this.setState({ isOpen: !this.state.isOpen });
|
|
35
|
+
};
|
|
36
|
+
|
|
32
37
|
render() {
|
|
33
|
-
const { color, light, dark, fixed, container, expand, className } = this.state;
|
|
38
|
+
const { color, light, dark, fixed, container, expand, className, isOpen } = this.state;
|
|
34
39
|
|
|
35
40
|
return (
|
|
36
41
|
<div>
|
|
@@ -39,57 +44,58 @@ class AppNavBar extends Component {
|
|
|
39
44
|
<NavbarBrand href="/">
|
|
40
45
|
<img alt="" src={logo} width="30" height="30" className="d-inline-block align-top"/>
|
|
41
46
|
</NavbarBrand>
|
|
42
|
-
<
|
|
43
|
-
<
|
|
44
|
-
<
|
|
45
|
-
<
|
|
46
|
-
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<
|
|
56
|
-
|
|
57
|
-
<
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
<
|
|
63
|
-
|
|
64
|
-
<
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
<
|
|
72
|
-
|
|
73
|
-
<
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
<
|
|
83
|
-
|
|
84
|
-
<
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
<
|
|
92
|
-
|
|
47
|
+
<NavbarToggler onClick={this.toggleNavbar} /> {/* Toggle button */}
|
|
48
|
+
<Collapse isOpen={isOpen} navbar>
|
|
49
|
+
<Nav className="me-auto" navbar>
|
|
50
|
+
<UncontrolledDropdown inNavbar nav>
|
|
51
|
+
<DropdownToggle caret nav>iRonoc</DropdownToggle>
|
|
52
|
+
<DropdownMenu end>
|
|
53
|
+
<DropdownItem href="/about">About</DropdownItem>
|
|
54
|
+
<DropdownItem href="/portfolio">Portfolio</DropdownItem>
|
|
55
|
+
<DropdownItem href="/brews">Brews</DropdownItem>
|
|
56
|
+
<DropdownItem divider />
|
|
57
|
+
<DropdownItem href="https://linktr.ee/conorheffron" target="_blank" rel="noreferrer">Link Tree</DropdownItem>
|
|
58
|
+
</DropdownMenu>
|
|
59
|
+
</UncontrolledDropdown>
|
|
60
|
+
<UncontrolledDropdown inNavbar nav>
|
|
61
|
+
<DropdownToggle caret nav>GitHub PM</DropdownToggle>
|
|
62
|
+
<DropdownMenu end>
|
|
63
|
+
<DropdownItem href="/projects/conorheffron">Projects</DropdownItem>
|
|
64
|
+
<DropdownItem href="/issues/conorheffron/ironoc">Issues</DropdownItem>
|
|
65
|
+
</DropdownMenu>
|
|
66
|
+
</UncontrolledDropdown>
|
|
67
|
+
<UncontrolledDropdown inNavbar nav>
|
|
68
|
+
<DropdownToggle caret nav>GitHub API</DropdownToggle>
|
|
69
|
+
<DropdownMenu end>
|
|
70
|
+
<DropdownItem target="_blank" href="/swagger-ui-ironoc.html">Swagger Doc</DropdownItem>
|
|
71
|
+
<DropdownItem divider />
|
|
72
|
+
<DropdownItem target="_blank" href="/api/get-repo-detail?username=conorheffron">GET Projects</DropdownItem>
|
|
73
|
+
<DropdownItem target="_blank" href="/api/get-repo-issue/conorheffron/ironoc/">GET Issues</DropdownItem>
|
|
74
|
+
</DropdownMenu>
|
|
75
|
+
</UncontrolledDropdown>
|
|
76
|
+
<UncontrolledDropdown inNavbar nav>
|
|
77
|
+
<DropdownToggle caret nav>GitHub Projects</DropdownToggle>
|
|
78
|
+
<DropdownMenu end>
|
|
79
|
+
<DropdownItem target="_blank" href="https://github.com/conorheffron/ironoc">iRonoc</DropdownItem>
|
|
80
|
+
<DropdownItem divider />
|
|
81
|
+
<DropdownItem target="_blank" href="https://github.com/conorheffron/ironoc-db">iRonoc-DB</DropdownItem>
|
|
82
|
+
<DropdownItem target="_blank" href="https://github.com/conorheffron/booking-sys">Booking System Sample</DropdownItem>
|
|
83
|
+
<DropdownItem target="_blank" href="https://github.com/conorheffron/nba-stats">NBA Stats Analysis</DropdownItem>
|
|
84
|
+
<DropdownItem target="_blank" href="https://github.com/conorheffron/ironoc-pytest">PyTest GitHub Client Package</DropdownItem>
|
|
85
|
+
</DropdownMenu>
|
|
86
|
+
</UncontrolledDropdown>
|
|
87
|
+
<UncontrolledDropdown inNavbar nav>
|
|
88
|
+
<DropdownToggle caret nav>Charity Options</DropdownToggle>
|
|
89
|
+
<DropdownMenu end>
|
|
90
|
+
<DropdownItem href="/donate">Donate</DropdownItem>
|
|
91
|
+
<DropdownItem divider />
|
|
92
|
+
<DropdownItem target="_blank" href="/graphiql?path=/graphql">GraphQL PG</DropdownItem>
|
|
93
|
+
</DropdownMenu>
|
|
94
|
+
</UncontrolledDropdown>
|
|
95
|
+
</Nav>
|
|
96
|
+
<a href="/">
|
|
97
|
+
<NavbarText href="/">Home</NavbarText>
|
|
98
|
+
</a>
|
|
93
99
|
</Collapse>
|
|
94
100
|
</Container>
|
|
95
101
|
</Navbar>
|
package/src/components/About.js
CHANGED
|
@@ -2,7 +2,6 @@ import React, { Component } from 'react';
|
|
|
2
2
|
import { Container } from 'reactstrap';
|
|
3
3
|
import '.././App.css';
|
|
4
4
|
import AppNavbar from '.././AppNavbar';
|
|
5
|
-
import Footer from '.././Footer';
|
|
6
5
|
|
|
7
6
|
class About extends Component {
|
|
8
7
|
render() {
|
|
@@ -48,7 +47,6 @@ class About extends Component {
|
|
|
48
47
|
</a><br />
|
|
49
48
|
</header>
|
|
50
49
|
</Container>
|
|
51
|
-
<Footer />
|
|
52
50
|
</div>
|
|
53
51
|
);
|
|
54
52
|
}
|
|
@@ -3,7 +3,6 @@ import { Container } from 'reactstrap';
|
|
|
3
3
|
import axios from 'axios';
|
|
4
4
|
import AppNavbar from '.././AppNavbar';
|
|
5
5
|
import CoffeeCarousel from './CoffeeCarousel';
|
|
6
|
-
import Footer from '.././Footer';
|
|
7
6
|
import LoadingSpinner from '.././LoadingSpinner';
|
|
8
7
|
|
|
9
8
|
class CoffeeHome extends Component {
|
|
@@ -39,7 +38,6 @@ class CoffeeHome extends Component {
|
|
|
39
38
|
</>
|
|
40
39
|
)}
|
|
41
40
|
</Container>
|
|
42
|
-
<Footer/>
|
|
43
41
|
</div>
|
|
44
42
|
);
|
|
45
43
|
}
|
|
@@ -4,7 +4,6 @@ import 'bootstrap/dist/css/bootstrap.css';
|
|
|
4
4
|
import '.././App.css';
|
|
5
5
|
import { Container } from 'reactstrap';
|
|
6
6
|
import AppNavbar from '.././AppNavbar';
|
|
7
|
-
import Footer from '.././Footer';
|
|
8
7
|
import navy from '.././img/darkblue-bg.png';
|
|
9
8
|
import teal from '.././img/teal-bg.png';
|
|
10
9
|
import red from '.././img/red-bg.png';
|
|
@@ -93,7 +92,6 @@ class ControlledCarousel extends Component {
|
|
|
93
92
|
))}
|
|
94
93
|
</Carousel>
|
|
95
94
|
</Container>
|
|
96
|
-
<Footer />
|
|
97
95
|
</div>
|
|
98
96
|
);
|
|
99
97
|
}
|
package/src/components/Donate.js
CHANGED
|
@@ -3,7 +3,6 @@ import Carousel from 'react-bootstrap/Carousel';
|
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.css';
|
|
4
4
|
import '../App.css';
|
|
5
5
|
import AppNavbar from '../AppNavbar';
|
|
6
|
-
import Footer from '../Footer';
|
|
7
6
|
import red from '../img/red-bg.png';
|
|
8
7
|
import { Container } from 'reactstrap';
|
|
9
8
|
import LoadingSpinner from '.././LoadingSpinner';
|
|
@@ -35,7 +34,6 @@ class Donate extends Component {
|
|
|
35
34
|
<br /><br /><br />
|
|
36
35
|
<LoadingSpinner />
|
|
37
36
|
</Container>
|
|
38
|
-
<Footer />
|
|
39
37
|
</div>
|
|
40
38
|
);
|
|
41
39
|
}
|
|
@@ -68,7 +66,6 @@ class Donate extends Component {
|
|
|
68
66
|
))}
|
|
69
67
|
</Carousel>
|
|
70
68
|
</Container>
|
|
71
|
-
<Footer />
|
|
72
69
|
</div>
|
|
73
70
|
);
|
|
74
71
|
}
|
package/src/components/Home.js
CHANGED
|
@@ -2,7 +2,6 @@ import React, { Component } from 'react';
|
|
|
2
2
|
import { Container } from 'reactstrap';
|
|
3
3
|
import '.././App.css';
|
|
4
4
|
import AppNavbar from '.././AppNavbar';
|
|
5
|
-
import Footer from '.././Footer';
|
|
6
5
|
import logo from '.././img/robot-logo.png';
|
|
7
6
|
|
|
8
7
|
class Home extends Component {
|
|
@@ -58,7 +57,6 @@ class Home extends Component {
|
|
|
58
57
|
</p>
|
|
59
58
|
</header>
|
|
60
59
|
</Container>
|
|
61
|
-
<Footer />
|
|
62
60
|
</div>
|
|
63
61
|
);
|
|
64
62
|
}
|
|
@@ -2,7 +2,6 @@ import React, { Component } from 'react';
|
|
|
2
2
|
import { Container } from 'reactstrap';
|
|
3
3
|
import '.././App.css';
|
|
4
4
|
import AppNavbar from '.././AppNavbar';
|
|
5
|
-
import Footer from '.././Footer';
|
|
6
5
|
|
|
7
6
|
class NotFound extends Component {
|
|
8
7
|
render() {
|
|
@@ -20,7 +19,6 @@ class NotFound extends Component {
|
|
|
20
19
|
<p id="my-intro">{message}</p>
|
|
21
20
|
</header>
|
|
22
21
|
</Container>
|
|
23
|
-
<Footer />
|
|
24
22
|
</div>
|
|
25
23
|
);
|
|
26
24
|
}
|
|
@@ -3,7 +3,6 @@ import { Button, ButtonGroup, Container, InputGroup, Table } from 'reactstrap';
|
|
|
3
3
|
import '.././App.css';
|
|
4
4
|
import Form from 'react-bootstrap/Form';
|
|
5
5
|
import AppNavbar from '.././AppNavbar';
|
|
6
|
-
import Footer from '.././Footer';
|
|
7
6
|
import { Link } from 'react-router-dom';
|
|
8
7
|
import LoadingSpinner from '.././LoadingSpinner';
|
|
9
8
|
|
|
@@ -51,7 +50,6 @@ class RepoDetails extends Component {
|
|
|
51
50
|
<br /><br /><br />
|
|
52
51
|
<LoadingSpinner />
|
|
53
52
|
</Container>
|
|
54
|
-
<Footer />
|
|
55
53
|
</div>
|
|
56
54
|
);
|
|
57
55
|
}
|
|
@@ -104,7 +102,6 @@ class RepoDetails extends Component {
|
|
|
104
102
|
<tbody>{repoList}</tbody>
|
|
105
103
|
</Table>
|
|
106
104
|
</Container>
|
|
107
|
-
<Footer />
|
|
108
105
|
</div>
|
|
109
106
|
);
|
|
110
107
|
}
|
|
@@ -3,7 +3,6 @@ import { Button, Container, InputGroup, Table } from 'reactstrap';
|
|
|
3
3
|
import '.././App.css';
|
|
4
4
|
import Form from 'react-bootstrap/Form';
|
|
5
5
|
import AppNavbar from '.././AppNavbar';
|
|
6
|
-
import Footer from '.././Footer';
|
|
7
6
|
import LoadingSpinner from '.././LoadingSpinner';
|
|
8
7
|
|
|
9
8
|
class RepoIssues extends Component {
|
|
@@ -52,7 +51,6 @@ class RepoIssues extends Component {
|
|
|
52
51
|
<br /><br /><br />
|
|
53
52
|
<LoadingSpinner />
|
|
54
53
|
</Container>
|
|
55
|
-
<Footer />
|
|
56
54
|
</div>
|
|
57
55
|
);
|
|
58
56
|
}
|
|
@@ -100,7 +98,6 @@ class RepoIssues extends Component {
|
|
|
100
98
|
<tbody>{repoList}</tbody>
|
|
101
99
|
</Table>
|
|
102
100
|
</Container>
|
|
103
|
-
<Footer />
|
|
104
101
|
</div>
|
|
105
102
|
);
|
|
106
103
|
}
|
package/src/index.js
CHANGED
|
@@ -4,11 +4,19 @@ import reportWebVitals from './reportWebVitals';
|
|
|
4
4
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
5
5
|
import './index.css';
|
|
6
6
|
import App from './App';
|
|
7
|
+
import AppNavBar from './AppNavbar';
|
|
8
|
+
import Footer from './Footer';
|
|
7
9
|
|
|
8
10
|
const root = ReactDOM.createRoot(document.getElementById('root'));
|
|
9
11
|
root.render(
|
|
10
12
|
<React.StrictMode>
|
|
11
|
-
<
|
|
13
|
+
<div className="app-wrapper">
|
|
14
|
+
<AppNavBar />
|
|
15
|
+
<div className="content-inner">
|
|
16
|
+
<App />
|
|
17
|
+
</div>
|
|
18
|
+
<Footer />
|
|
19
|
+
</div>
|
|
12
20
|
</React.StrictMode>
|
|
13
21
|
);
|
|
14
22
|
|