From 98ecfc42d35b20342750840e98ce53d8e6e12e59 Mon Sep 17 00:00:00 2001 From: Mitchell McCaffrey Date: Sun, 12 Jul 2020 19:51:55 +1000 Subject: [PATCH] Added social links on home page --- src/icons/SocialRedditIcon.js | 17 +++++++++++++++++ src/icons/SocialTwitterIcon.js | 17 +++++++++++++++++ src/icons/SocialYouTubeIcon.js | 17 +++++++++++++++++ src/routes/Home.js | 23 ++++++++++++++++++++++- 4 files changed, 73 insertions(+), 1 deletion(-) create mode 100644 src/icons/SocialRedditIcon.js create mode 100644 src/icons/SocialTwitterIcon.js create mode 100644 src/icons/SocialYouTubeIcon.js diff --git a/src/icons/SocialRedditIcon.js b/src/icons/SocialRedditIcon.js new file mode 100644 index 0000000..191322f --- /dev/null +++ b/src/icons/SocialRedditIcon.js @@ -0,0 +1,17 @@ +import React from "react"; + +function SocialRedditIcon() { + return ( + + + + ); +} + +export default SocialRedditIcon; diff --git a/src/icons/SocialTwitterIcon.js b/src/icons/SocialTwitterIcon.js new file mode 100644 index 0000000..9b52ab0 --- /dev/null +++ b/src/icons/SocialTwitterIcon.js @@ -0,0 +1,17 @@ +import React from "react"; + +function SocialTwitterIcon() { + return ( + + + + ); +} + +export default SocialTwitterIcon; diff --git a/src/icons/SocialYouTubeIcon.js b/src/icons/SocialYouTubeIcon.js new file mode 100644 index 0000000..00ccfd4 --- /dev/null +++ b/src/icons/SocialYouTubeIcon.js @@ -0,0 +1,17 @@ +import React from "react"; + +function SocialYouTubeIcon() { + return ( + + + + ); +} + +export default SocialYouTubeIcon; diff --git a/src/routes/Home.js b/src/routes/Home.js index bae773e..9bc7d04 100644 --- a/src/routes/Home.js +++ b/src/routes/Home.js @@ -1,5 +1,5 @@ import React, { useState, useEffect, useContext } from "react"; -import { Flex, Button, Image, Text } from "theme-ui"; +import { Flex, Button, Image, Text, IconButton, Link } from "theme-ui"; import Footer from "../components/Footer"; @@ -9,6 +9,10 @@ import DonateModal from "../modals/DonationModal"; import AuthContext from "../contexts/AuthContext"; +import RedditIcon from "../icons/SocialRedditIcon"; +import TwitterIcon from "../icons/SocialTwitterIcon"; +import YouTubeIcon from "../icons/SocialYouTubeIcon"; + import owlington from "../images/Owlington.png"; function Home() { @@ -60,6 +64,23 @@ function Home() { > Support Us + + + + + + + + + + + + + + + + + setIsJoinModalOpen(false)}