Skip to content

WIP: Update all dependencies to latest gatsby #157

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Oct 3, 2024
Merged

WIP: Update all dependencies to latest gatsby #157

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
ec8f453
Update all dependencies to latest gatsby
TamimiGitHub Sep 13, 2024
13060aa
Added fix for logo images to show in cards
blainehussey Sep 25, 2024
561ec5a
Added importants to force the styling that was getting overwritten by…
blainehussey Sep 26, 2024
fd318fa
Added layout.css to gatsby-browser.js
blainehussey Oct 3, 2024
6b58a26
Create eda-banner.js (#158)
TamimiGitHub Sep 13, 2024
2e342ba
Merge branch 'master' into update-site-deps
TamimiGitHub Oct 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions gatsby-browser.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,6 @@ import "prismjs/themes/prism-tomorrow.css"
import "prismjs/plugins/line-numbers/prism-line-numbers.css"

// user styles
import "./src/css/layout.css"
import "./src/css/global.css"
import "./src/css/breadcrumbs.css"
71,516 changes: 17,785 additions & 53,731 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

74 changes: 36 additions & 38 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,49 +1,47 @@
{
"name": "gatsby-starter-default",
"name": "Solace-Tutorials",
"private": true,
"description": "A simple starter to get up and developing quickly with Gatsby",
"version": "0.1.0",
"author": "Kyle Mathews <mathews.kyle@gmail.com>",
"description": "Solace Tutorials",
"version": "2.0.0",
"author": "Solace Community <community@solace.com>",
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.32",
"@fortawesome/free-brands-svg-icons": "^5.14.0",
"@fortawesome/free-solid-svg-icons": "^5.15.1",
"@fortawesome/react-fontawesome": "^0.1.13",
"bootstrap": "^5.2.0",
"gatsby": "^2.24.91",
"gatsby-image": "^2.4.17",
"gatsby-plugin-breadcrumb": "^10.0.0",
"gatsby-plugin-google-fonts": "^1.0.1",
"gatsby-plugin-manifest": "^2.4.23",
"gatsby-plugin-offline": "^3.2.23",
"gatsby-plugin-react-helmet": "^3.3.10",
"gatsby-plugin-sharp": "^2.6.27",
"gatsby-plugin-sitemap": "^4.4.0",
"gatsby-remark-autolink-headers": "^2.3.11",
"gatsby-remark-code-buttons": "^2.0.4",
"@fortawesome/fontawesome-svg-core": "6.6.0",
"@fortawesome/free-brands-svg-icons": "6.6.0",
"@fortawesome/free-solid-svg-icons": "6.6.0",
"@fortawesome/react-fontawesome": "0.2.2",
"bootstrap": "5.3.3",
"gatsby": "5.13.7",
"gatsby-image": "3.11.0",
"gatsby-plugin-breadcrumb": "12.3.2",
"gatsby-plugin-google-fonts": " 1.0.1",
"gatsby-plugin-manifest": "5.13.1",
"gatsby-plugin-react-helmet": "6.13.1",
"gatsby-plugin-sharp": "5.13.1",
"gatsby-plugin-sitemap": "6.13.1",
"gatsby-remark-autolink-headers": "^6.0.0",
"gatsby-remark-code-buttons": " 2.0.7",
"gatsby-remark-embed-markdown": "file:./gatsby-remark-embed-markdown",
"gatsby-remark-embed-snippet": "^7.19.0",
"gatsby-remark-external-links": "0.0.4",
"gatsby-remark-heading-slug": "^0.2.0",
"gatsby-remark-images": "^3.3.25",
"gatsby-remark-prismjs": "^3.13.0",
"gatsby-source-filesystem": "^2.3.24",
"gatsby-remark-embed-snippet": "^8.0.0",
"gatsby-remark-external-links": " 0.0.4",
"gatsby-remark-images": "^7.13.2",
"gatsby-remark-prismjs": "^7.0.0",
"gatsby-source-filesystem": "5.13.1",
"gatsby-source-git": "file:gatsby-source-git",
"gatsby-transformer-remark": "^2.16.1",
"gatsby-transformer-sharp": "^2.5.13",
"gatsby-transformer-yaml": "^2.4.10",
"prismjs": "^1.28.0",
"prop-types": "^15.7.2",
"react": "^16.13.1",
"react-bootstrap": "^2.7.0",
"react-dom": "^16.13.1",
"gatsby-transformer-remark": "6.13.1",
"gatsby-transformer-sharp": "5.13.1",
"gatsby-transformer-yaml": "5.13.1",
"prismjs": "1.29.0",
"prop-types": "15.8.1",
"react": "^18.3.1",
"react-bootstrap": "^2.10.4",
"react-dom": "^18.3.1",
"react-helmet": "^6.1.0",
"react-scroll": "^1.8.8",
"react-share": "^4.4.0",
"react-tooltip": "^4.2.15"
"react-scroll": "^1.9.0",
"react-share": "^5.1.0",
"react-tooltip": "^5.28.0"
},
"devDependencies": {
"prettier": "^2.0.5"
"prettier": "^3.0.0"
},
"keywords": [
"gatsby"
Expand Down
2 changes: 1 addition & 1 deletion src/components/cards/apiCard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ const ApiCard = (props) => {
<div key={node.id} className="custom-card">
<div className="icon">
<img
src={require(`../../images/icons/lang/${node.icon}`)}
src={require(`../../images/icons/lang/${node.icon}`).default}
alt={node.title}
width="100px"
/>
Expand Down
17 changes: 8 additions & 9 deletions src/components/layout.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,28 +6,27 @@ import "@fortawesome/fontawesome-svg-core/styles.css"
// Prevent fontawesome from adding its CSS since we did it manually above:
import { config } from "@fortawesome/fontawesome-svg-core"
config.autoAddCss = false /* eslint-disable import/first */
import "../css/layout.css"
import Resources from "./resources"
import Header from "./header"
import Footer from "./footer"
import ReactTooltip from "react-tooltip"
// import ReactTooltip from "react-tooltip"

const Layout = (props) => {
const Layout = ({ children, hideResources }) => {
return (
<>
<div>
<Header />
<main>{props.children}</main>
{props.hideResources !== "true" && <Resources />}
<main>{children}</main>
{hideResources !== "true" && <Resources />}
<Footer />
<ReactTooltip
{/* <ReactTooltip
id="registerTip"
place="top"
effect="float"
backgroundColor="black"
>
Spraint is the proper name for otter dung
</ReactTooltip>
</>
</ReactTooltip> */}
</div>
)
}

Expand Down
10 changes: 7 additions & 3 deletions src/css/card.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,21 @@
.custom-card {
background: #20262a;
background: #20262a !important;
border-radius: 6px;
border-top: 1px solid #00ad93;
border-right: 5px solid #000;
border-bottom: 5px solid #000;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
padding: 20px;
height: 100%;
position: relative;
}
.custom-card:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow:
0 14px 28px rgba(0, 0, 0, 0.25),
0 10px 10px rgba(0, 0, 0, 0.22);
cursor: pointer;
}

Expand Down
16 changes: 12 additions & 4 deletions src/css/layout.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -177,12 +177,16 @@ main {
border: none;
font-size: 14px;
font-weight: 400;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow:
0 14px 28px rgba(0, 0, 0, 0.25),
0 10px 10px rgba(0, 0, 0, 0.22);
}

.btn:focus {
Expand All @@ -200,12 +204,16 @@ main {
text-align: center;
background: #f2f2f2;
text-transform: uppercase;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btnSmall:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow:
0 14px 28px rgba(0, 0, 0, 0.25),
0 10px 10px rgba(0, 0, 0, 0.22);
color: #009193;
}

Expand Down
34 changes: 19 additions & 15 deletions src/css/tutorialCards.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,45 +1,49 @@
.card {
background: #20262a;
background: #20262a !important;
border-radius: 6px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
padding: 20px;
height: 100%;
padding: 20px !important;
height: 100% !important;
z-index: 2;
}

.card:hover {
border-top: 1px solid #00ad93;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow:
0 14px 28px rgba(0, 0, 0, 0.25),
0 10px 10px rgba(0, 0, 0, 0.22);
transform: translate(0, -5px);
cursor: pointer;
}

.card-header {
color: hsla(0, 0%, 100%, 0.4);
color: hsla(0, 0%, 100%, 0.4) !important;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
padding: 0 0 5px 0;
padding: 0 0 5px 0 !important;
border: none;
}

.card-header .icon-doc {
color: #fff;
margin: 0 0 5px 5px;
color: #fff !important;
margin: 0 0 5px 5px !important;
position: absolute;
top: 20px;
right: 20px;
top: 20px !important;
right: 20px !important;
}

.card-body {
padding: 0;
padding: 0 !important;
}

.card-title {
color: #fff;
color: #fff !important;
font-size: 18px;
font-weight: 400;
}
Expand All @@ -60,8 +64,8 @@
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #00ad93;
padding: 10px 0 0 0;
color: #00ad93 !important;
padding: 10px 0 0 0 !important;
}

.card-footer .link-arrow {
Expand Down
2 changes: 1 addition & 1 deletion src/pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ export default SamplesIndex

export const query = graphql`
{
allTutorialsYaml(sort: { order: [ASC], fields: [title] }) {
allTutorialsYaml(sort: {title: ASC}) {
edges {
node {
id
Expand Down
Loading