@conorheffron/ironoc-frontend 8.0.0 → 8.0.1

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.
Files changed (4) hide show
  1. package/README.md +6 -0
  2. package/package.json +22 -22
  3. package/src/App.css +5 -1
  4. package/src/AppNavbar.js +3 -3
package/README.md CHANGED
@@ -14,10 +14,16 @@ The ironoc UI built with react for personal portfolio website.
14
14
 
15
15
  ## Getting Started with iRonoc React App
16
16
 
17
+ ## Tech Stack
18
+ - ReactJs 19, Axios, Apollo Client, GraphQL, HTML5+CSS
19
+
17
20
  #### Quick start
18
21
  ```shell
19
22
  cd frontend
20
23
 
24
+ rm -rf node_modules package-lock.json
25
+ npm cache clean --force
26
+
21
27
  npm install [--force or --legacy-peer-deps]
22
28
 
23
29
  npm run build
package/package.json CHANGED
@@ -1,35 +1,35 @@
1
1
  {
2
2
  "name": "@conorheffron/ironoc-frontend",
3
- "version": "8.0.0",
3
+ "version": "8.0.1",
4
4
  "private": false,
5
5
  "license": "GPL-3.0-or-later",
6
6
  "dependencies": {
7
7
  "@apollo/client": "^3.13.8",
8
- "@emotion/is-prop-valid": "^1.3.1",
8
+ "@emotion/is-prop-valid": "^1.4.0",
9
9
  "@emotion/react": "^11.14.0",
10
10
  "@emotion/styled": "^11.14.1",
11
- "@fontsource/montserrat": "^5.1.1",
12
- "@fontsource/open-sans": "^5.1.1",
13
- "@graphiql/plugin-explorer": "^5.0.0",
11
+ "@fontsource/montserrat": "^5.2.8",
12
+ "@fontsource/open-sans": "^5.2.7",
13
+ "@graphiql/plugin-explorer": "^5.1.1",
14
14
  "@graphiql/react": "^0.37.1",
15
- "@testing-library/user-event": "^13.5.0",
16
- "axios": "^1.12.0",
17
- "bootstrap": "5.1",
18
- "graphql": "^15.10.1",
15
+ "@testing-library/user-event": "^14.6.1",
16
+ "axios": "^1.12.2",
17
+ "bootstrap": "5.3",
18
+ "graphql": "^16.11.0",
19
19
  "history": "^5.3.0",
20
20
  "material-react-table": "^3.2.1",
21
- "react": "^18.3.1",
22
- "react-bootstrap": "^2.10.5",
21
+ "react": "^19.2.0",
22
+ "react-bootstrap": "^2.10.10",
23
23
  "react-bootstrap-carousel": "^4.1.1",
24
24
  "react-bootstrap-form": "^0.1.4-beta6",
25
25
  "react-bootstrap-validation": "^0.1.11",
26
- "react-cookie": "^7.2.2",
27
- "react-dom": "^18.3.1",
28
- "react-router": "^7.5.2",
29
- "react-router-dom": "^7.5.2",
30
- "reactstrap": "^8.10.0",
31
- "recharts": "^3.0.0-alpha.5",
32
- "web-vitals": "^4.2.3"
26
+ "react-cookie": "^8.0.1",
27
+ "react-dom": "^19.2.0",
28
+ "react-router": "^7.9.4",
29
+ "react-router-dom": "^7.9.4",
30
+ "reactstrap": "^9.2.3",
31
+ "recharts": "^3.3.0",
32
+ "web-vitals": "^5.1.0"
33
33
  },
34
34
  "scripts": {
35
35
  "start": "react-scripts start",
@@ -58,11 +58,11 @@
58
58
  },
59
59
  "devDependencies": {
60
60
  "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
61
- "@testing-library/jest-dom": "^6.6.3",
62
- "@testing-library/react": "^16.1.0",
63
- "jest": "^27.5.1",
61
+ "@testing-library/jest-dom": "^6.9.1",
62
+ "@testing-library/react": "^16.3.0",
63
+ "jest": "^30.2.0",
64
64
  "react-scripts": "^5.0.1",
65
- "web-vitals": "^4.2.3"
65
+ "web-vitals": "^5.1.0"
66
66
  },
67
67
  "resolutions": {
68
68
  "react-scripts/@svgr/webpack": "^6.2.1"
package/src/App.css CHANGED
@@ -90,7 +90,11 @@
90
90
  font-family: "Open Sans";
91
91
  }
92
92
 
93
- .carousel-caption h3, h5 {
93
+ .carousel-caption h3 {
94
+ color: navy;
95
+ }
96
+
97
+ .carousel-caption h5 {
94
98
  color: navy;
95
99
  }
96
100
 
package/src/AppNavbar.js CHANGED
@@ -40,10 +40,10 @@ class AppNavBar extends Component {
40
40
  return (
41
41
  <div>
42
42
  <Navbar color={color} light={light} dark={dark} fixed={fixed} container={container} expand={expand} className={className}>
43
+ <NavbarBrand href="/">
44
+ <img alt="" src={logo} width="30" height="30" className="d-inline-block align-top"/>
45
+ </NavbarBrand>
43
46
  <Container>
44
- <NavbarBrand href="/">
45
- <img alt="" src={logo} width="30" height="30" className="d-inline-block align-top"/>
46
- </NavbarBrand>
47
47
  <NavbarToggler onClick={this.toggleNavbar} /> {/* Toggle button */}
48
48
  <Collapse isOpen={isOpen} navbar>
49
49
  <Nav className="me-auto" navbar>