Skip to content
This repository has been archived by the owner on Mar 22, 2024. It is now read-only.

feat(product): add video on product page #116

Merged
merged 1 commit into from
Dec 15, 2020
Merged
Changes from all commits
Commits
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
feat(product): add video on product page
Alezco committed Dec 15, 2020
commit d29a0e978ca16feaaec2aa08dd89e35e8a9e6a6b
13 changes: 13 additions & 0 deletions src/components/presentation-video.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import React from "react";

const PresentationVideo = () => (
<iframe
width="840"
height="472"
src="https://www.youtube.com/embed/dhGG_-JPo2E"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
/>
);
export default PresentationVideo;
5 changes: 5 additions & 0 deletions src/pages/produit.mdx
Original file line number Diff line number Diff line change
@@ -6,6 +6,7 @@ import Typography from "@material-ui/core/Typography";
import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
import MapIcon from '@material-ui/icons/Map';
import MergeTypeIcon from '@material-ui/icons/MergeType';
import PresentationVideo from "../components/presentation-video";

<SEO title="Produit" />

@@ -15,6 +16,10 @@ import MergeTypeIcon from '@material-ui/icons/MergeType';
</Typography>
</Box>

<Box p={1} textAlign="center">
<PresentationVideo />
</Box>

<Grid container spacing={3} justify="center">
<Grid item md={3}>
<h4>Vous souhaitez connaître la suite&nbsp;?</h4>