From 32c97b57132cd8ead31009abe495e12229f2f27e Mon Sep 17 00:00:00 2001 From: 12Gustavo21 Date: Wed, 3 Jan 2024 12:17:28 -0300 Subject: [PATCH] perf: about Dynamic Page Background --- src/assets/img/dark-forest.png | Bin 11618 -> 0 bytes src/assets/pages/about/index.js | 2 +- src/assets/pages/about/style.js | 5 +- .../services/querys/aboutQuery/index.js | 65 +++++++++--------- 4 files changed, 36 insertions(+), 36 deletions(-) delete mode 100644 src/assets/img/dark-forest.png diff --git a/src/assets/img/dark-forest.png b/src/assets/img/dark-forest.png deleted file mode 100644 index 1dc48f92039e5e4c693557e90ddfab68ed729c1f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11618 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 DRmh8| diff --git a/src/assets/pages/about/index.js b/src/assets/pages/about/index.js index 852f5c0..5ec8f3a 100644 --- a/src/assets/pages/about/index.js +++ b/src/assets/pages/about/index.js @@ -114,7 +114,7 @@ function Index() { return ( - + diff --git a/src/assets/pages/about/style.js b/src/assets/pages/about/style.js index 4c1325d..0deaf44 100644 --- a/src/assets/pages/about/style.js +++ b/src/assets/pages/about/style.js @@ -1,8 +1,5 @@ import styled from "styled-components"; -//Assets -import darkForest from '../../img/dark-forest.png'; - /* Palette: #454545 @@ -15,7 +12,7 @@ import darkForest from '../../img/dark-forest.png'; export const Main = styled.main` width: 100%; min-height: 100vh; - background: url(${darkForest}) no-repeat center/cover; + background: url(${props => props.background}) no-repeat center/cover; position: relative; z-index: 0; diff --git a/src/assets/services/querys/aboutQuery/index.js b/src/assets/services/querys/aboutQuery/index.js index e03cb3c..daa17b2 100644 --- a/src/assets/services/querys/aboutQuery/index.js +++ b/src/assets/services/querys/aboutQuery/index.js @@ -1,38 +1,41 @@ import { gql } from "@apollo/client"; export const ABOUT_QUERY = gql` - query { - about(where: {slug: "about"}) { - aboutTitle - aboutText - workTitle - works { - workDescription - workEnterprise - enterpriseSvg { - url - } - workStart - workEnd - calendarSvg { - url - } - } - educationTitle - educations { - educationDescription - educationEnterprise - enterpriseSvg { - url - } - educationStart - educationEnd - calendarSvg { - url - } - } + query { + about(where: { slug: "about" }) { + aboutTitle + aboutText + workTitle + works { + workDescription + workEnterprise + enterpriseSvg { + url } - } + workStart + workEnd + calendarSvg { + url + } + } + educationTitle + educations { + educationDescription + educationEnterprise + enterpriseSvg { + url + } + educationStart + educationEnd + calendarSvg { + url + } + } + backgroud { + url + } + } + } `; export default ABOUT_QUERY; \ No newline at end of file