From 6ba9624b803717083923672849ed88757f634c77 Mon Sep 17 00:00:00 2001 From: cavesdev <24899540+cavesdev@users.noreply.github.com> Date: Fri, 24 Dec 2021 14:34:39 -0600 Subject: [PATCH] feat(ui-wip): added PlantQuote card component --- .../images/greenway-international.png | Bin 0 -> 16732 bytes src/components/PlanterQuote.cy.js | 26 +++++++ src/components/PlanterQuote.js | 73 ++++++++++++++++++ 3 files changed, 99 insertions(+) create mode 100644 cypress/fixtures/images/greenway-international.png create mode 100644 src/components/PlanterQuote.cy.js create mode 100644 src/components/PlanterQuote.js diff --git a/cypress/fixtures/images/greenway-international.png b/cypress/fixtures/images/greenway-international.png new file mode 100644 index 0000000000000000000000000000000000000000..e019e1b11e337430c5151af243a06ae0c8337a76 GIT binary patch literal 16732 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 DJr;^~ literal 0 HcmV?d00001 diff --git a/src/components/PlanterQuote.cy.js b/src/components/PlanterQuote.cy.js new file mode 100644 index 000000000..78cde88ef --- /dev/null +++ b/src/components/PlanterQuote.cy.js @@ -0,0 +1,26 @@ +import React from 'react'; + +import { mountWithTheme as mount } from '../models/test-utils'; +import PlanterQuote from './PlanterQuote'; + +beforeEach(() => { + cy.intercept('/_next/**', { + fixture: 'images/greenway-international.png', + }); + cy.viewport(720, 360); +}); + +const info = { + quote: + '“I love how planting trees gives me the opportunity to feed my family and save the world at the same time. I try to plant as many trees as I can.”', + name: 'Samwell A', + photo: '/images/greenway-international.png', + initialDate: 'November 11, 2020', + location: 'Shiramtunda, Tanzania', +}; + +describe('PlanterQuote', () => { + it('PlanterQuote', () => { + mount(); + }); +}); diff --git a/src/components/PlanterQuote.js b/src/components/PlanterQuote.js new file mode 100644 index 000000000..224f917e8 --- /dev/null +++ b/src/components/PlanterQuote.js @@ -0,0 +1,73 @@ +import LocationOnOutlinedIcon from '@mui/icons-material/LocationOnOutlined'; +import { Box, Stack, Typography } from '@mui/material'; +import { makeStyles } from 'models/makeStyles'; +import Image from 'next/image'; +import React from 'react'; + +const useStyles = makeStyles()((theme) => ({ + container: { + background: theme.palette.background.OrangeGreenGradientDark, + display: 'flex', + boxSizing: 'border-box', + height: 'fit-content', + padding: theme.spacing(6), + paddingTop: theme.spacing(10), + paddingBottom: theme.spacing(10), + }, + media: { + height: 110, + width: 110, + borderRadius: '50%', + float: 'left', + }, +})); + +function PlanterQuote({ quote, name, photo, initialDate, location }) { + const { classes } = useStyles(); + return ( + + + + {`${name}'s + + + + + {quote} + + + + + {name} + + + {`Planter since ${initialDate}`} + + + + + {location} + + + + + + + ); +} + +export default PlanterQuote;