From 5f761b934cacb4d2187a4aca797d157bcbcfde05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dawid=20Wysoki=C5=84ski?= Date: Sun, 11 Sep 2022 09:05:39 +0200 Subject: [PATCH] refactor --- src/components/Layout/Navbar.js | 15 +- .../IndexPage/components/Header/Header.js | 13 +- .../components/MyPriorities/MyPriorities.js | 38 +++- .../components/Portfolio/Portfolio.js | 5 +- .../IndexPage/components/Portfolio/Project.js | 12 +- .../components/Portfolio/not-found.jpg | Bin 67427 -> 0 bytes .../components/Technologies/Technologies.js | 12 +- .../Header => images}/header-bg.jpg | Bin .../intuitiveness.svg} | 0 .../responsiveness.svg} | 0 .../MyPriorities => images}/security.svg | 0 .../MyPriorities => images}/speed.svg | 0 src/images/technologies/jaeger.svg | 211 ------------------ 13 files changed, 67 insertions(+), 239 deletions(-) delete mode 100644 src/features/IndexPage/components/Portfolio/not-found.jpg rename src/{features/IndexPage/components/Header => images}/header-bg.jpg (100%) rename src/{features/IndexPage/components/MyPriorities/intuitive.svg => images/intuitiveness.svg} (100%) rename src/{features/IndexPage/components/MyPriorities/responsive.svg => images/responsiveness.svg} (100%) rename src/{features/IndexPage/components/MyPriorities => images}/security.svg (100%) rename src/{features/IndexPage/components/MyPriorities => images}/speed.svg (100%) delete mode 100644 src/images/technologies/jaeger.svg diff --git a/src/components/Layout/Navbar.js b/src/components/Layout/Navbar.js index 75c90db..e0b1cc8 100644 --- a/src/components/Layout/Navbar.js +++ b/src/components/Layout/Navbar.js @@ -1,8 +1,8 @@ import React from 'react'; +import { graphql, useStaticQuery } from 'gatsby'; import classnames from 'classnames'; import { ROUTE } from '@config/routing'; import smoothScroll from '@utils/smoothScroll'; -import logo from '@images/logo.svg'; import { HEADER_ID } from '@features/IndexPage/components/Header/Header'; import { SECTION_ID as PORTFOLIO_SECTION_ID } from '@features/IndexPage/components/Portfolio/Portfolio'; import { SECTION_ID as CONTACT_SECTION_ID } from '@features/IndexPage/components/Contact'; @@ -13,6 +13,13 @@ import { Link as GatsbyLink } from 'gatsby-theme-material-ui'; function Navbar({ className, ...rest }) { const classes = useStyles(); + const data = useStaticQuery(graphql` + { + logo: file(base: { eq: "logo.svg" }) { + publicURL + } + } + `); return ( - logo + logo
diff --git a/src/features/IndexPage/components/Header/Header.js b/src/features/IndexPage/components/Header/Header.js index a9e415c..a6c371c 100644 --- a/src/features/IndexPage/components/Header/Header.js +++ b/src/features/IndexPage/components/Header/Header.js @@ -1,15 +1,22 @@ import React from 'react'; +import { graphql, useStaticQuery } from 'gatsby'; import smoothScroll from '@utils/smoothScroll'; import { SECTION_ID } from '../Contact'; import { makeStyles } from '@material-ui/core/styles'; import { Container, Typography, Button, Link } from '@material-ui/core'; -import bg from './header-bg.jpg'; export const HEADER_ID = 'start'; function Header() { - const classes = useStyles(); + const data = useStaticQuery(graphql` + { + bg: file(base: { eq: "header-bg.jpg" }) { + publicURL + } + } + `); + const classes = useStyles({ bg: data.bg.publicURL }); return (
@@ -44,7 +51,7 @@ function Header() { const useStyles = makeStyles(theme => ({ header: { minHeight: '100vh', - backgroundImage: `url(${bg})`, + backgroundImage: ({ bg }) => `url(${bg})`, backgroundSize: 'cover', backgroundPosition: 'center', clipPath: 'polygon(0 0,100% 0,100% 80vh,0 100%)', diff --git a/src/features/IndexPage/components/MyPriorities/MyPriorities.js b/src/features/IndexPage/components/MyPriorities/MyPriorities.js index e7392f7..8197bc1 100644 --- a/src/features/IndexPage/components/MyPriorities/MyPriorities.js +++ b/src/features/IndexPage/components/MyPriorities/MyPriorities.js @@ -1,15 +1,29 @@ import React from 'react'; +import { graphql, useStaticQuery } from 'gatsby'; import { makeStyles } from '@material-ui/core/styles'; import { Container, Typography, Grid } from '@material-ui/core'; import Section from '@components/Section'; -import speedIcon from './speed.svg'; -import responsiveIcon from './responsive.svg'; -import securityIcon from './security.svg'; -import intuitiveIcon from './intuitive.svg'; function MyPriorities() { const classes = useStyles(); + const data = useStaticQuery(graphql` + { + responsivenessIcon: file(base: { eq: "responsiveness.svg" }) { + publicURL + } + securityIcon: file(base: { eq: "security.svg" }) { + publicURL + } + speedIcon: file(base: { eq: "speed.svg" }) { + publicURL + } + intuitivenessIcon: file(base: { eq: "intuitiveness.svg" }) { + publicURL + } + } + `); + return (
@@ -20,7 +34,7 @@ function MyPriorities() { Responsiveness Responsiveness @@ -31,19 +45,27 @@ function MyPriorities() { Intuitiveness Intuitiveness An easy-to-use & user-friendly interface. - Szybkość + Szybkość Performance Fast load times & lag free interaction. - Security + Security Security I use tried-and-tested tools and techniques that help me keep the diff --git a/src/features/IndexPage/components/Portfolio/Portfolio.js b/src/features/IndexPage/components/Portfolio/Portfolio.js index 0aab72d..ec7eafb 100644 --- a/src/features/IndexPage/components/Portfolio/Portfolio.js +++ b/src/features/IndexPage/components/Portfolio/Portfolio.js @@ -14,7 +14,10 @@ function Portfolio() { const data = useStaticQuery(graphql` { allCoverImages: allFile( - filter: { absolutePath: { regex: "/projects/" } } + filter: { + absolutePath: { regex: "/projects/" } + extension: { in: ["png", "jpeg", "jpg"] } + } ) { edges { node { diff --git a/src/features/IndexPage/components/Portfolio/Project.js b/src/features/IndexPage/components/Portfolio/Project.js index 41158cd..d1a2f74 100644 --- a/src/features/IndexPage/components/Portfolio/Project.js +++ b/src/features/IndexPage/components/Portfolio/Project.js @@ -1,32 +1,28 @@ import React from 'react'; import PropTypes from 'prop-types'; -import notFound from './not-found.jpg'; import { makeStyles } from '@material-ui/core/styles'; import { Button, Card, CardContent, - CardMedia, Chip, Link, Typography, } from '@material-ui/core'; import BackgroundImage from 'gatsby-background-image'; -function Project({ title, description, technologies, git, live, img, fluid }) { +function Project({ title, description, technologies, git, live, fluid }) { const classes = useStyles(); return ( - {fluid ? ( + { - ) : ( - - )} + }
@@ -123,7 +119,6 @@ Project.defaultProps = { technologies: [], github: '', live: '', - img: notFound, }; Project.propTypes = { @@ -132,7 +127,6 @@ Project.propTypes = { technologies: PropTypes.arrayOf(PropTypes.string).isRequired, github: PropTypes.string.isRequired, live: PropTypes.string.isRequired, - img: PropTypes.string.isRequired, }; export default Project; diff --git a/src/features/IndexPage/components/Portfolio/not-found.jpg b/src/features/IndexPage/components/Portfolio/not-found.jpg deleted file mode 100644 index ff9e0e2b488fa90394077fd27f727109b8ca1697..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 67427 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 E0pQR}U;qFB diff --git a/src/features/IndexPage/components/Technologies/Technologies.js b/src/features/IndexPage/components/Technologies/Technologies.js index 2de908a..71023a5 100644 --- a/src/features/IndexPage/components/Technologies/Technologies.js +++ b/src/features/IndexPage/components/Technologies/Technologies.js @@ -10,7 +10,12 @@ function Technologies() { const classes = useStyles(); const data = useStaticQuery(graphql` { - allIcons: allFile(filter: { absolutePath: { regex: "/technologies/" } }) { + allIcons: allFile( + filter: { + absolutePath: { regex: "/technologies/" } + extension: { in: ["png", "jpeg", "jpg"] } + } + ) { edges { node { relativePath @@ -30,10 +35,7 @@ function Technologies() { const edge = data.allIcons.edges.find( img => img.node.relativePath === path ); - if (edge) { - return edge.node.childImageSharp.fixed; - } - return {}; + return edge?.node?.childImageSharp?.fixed ?? {}; }; return ( diff --git a/src/features/IndexPage/components/Header/header-bg.jpg b/src/images/header-bg.jpg similarity index 100% rename from src/features/IndexPage/components/Header/header-bg.jpg rename to src/images/header-bg.jpg diff --git a/src/features/IndexPage/components/MyPriorities/intuitive.svg b/src/images/intuitiveness.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/intuitive.svg rename to src/images/intuitiveness.svg diff --git a/src/features/IndexPage/components/MyPriorities/responsive.svg b/src/images/responsiveness.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/responsive.svg rename to src/images/responsiveness.svg diff --git a/src/features/IndexPage/components/MyPriorities/security.svg b/src/images/security.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/security.svg rename to src/images/security.svg diff --git a/src/features/IndexPage/components/MyPriorities/speed.svg b/src/images/speed.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/speed.svg rename to src/images/speed.svg diff --git a/src/images/technologies/jaeger.svg b/src/images/technologies/jaeger.svg deleted file mode 100644 index 86fb00e..0000000 --- a/src/images/technologies/jaeger.svg +++ /dev/null @@ -1,211 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -