From 1026e03db54c0384bcddc6e7253f4b2e504371d7 Mon Sep 17 00:00:00 2001 From: BelloDev Date: Sat, 5 Aug 2023 18:24:50 -0700 Subject: [PATCH] Added share button in each card. Using a modal similar to youtube's share buttom --- public/SocialMedia/Facebook_icon.png | Bin 0 -> 16054 bytes public/SocialMedia/Twitter_icon.png | Bin 0 -> 13575 bytes public/share_icon.svg | 1 + src/components/Card.jsx | 38 ++++++++++++- src/components/ShareModal.jsx | 53 ++++++++++++++++++ .../socialmedia/SocialMediaShareBtn.jsx | 15 +++++ src/index.css | 12 ++++ 7 files changed, 116 insertions(+), 3 deletions(-) create mode 100644 public/SocialMedia/Facebook_icon.png create mode 100644 public/SocialMedia/Twitter_icon.png create mode 100644 public/share_icon.svg create mode 100644 src/components/ShareModal.jsx create mode 100644 src/components/socialmedia/SocialMediaShareBtn.jsx diff --git a/public/SocialMedia/Facebook_icon.png b/public/SocialMedia/Facebook_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..dcb874c139341f1543903a26358e6a66092bfcad GIT binary patch literal 16054 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πKMiqdeS5m1_z$kw;OunUcGK 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 \ No newline at end of file diff --git a/src/components/Card.jsx b/src/components/Card.jsx index d659a9f..b2b064d 100644 --- a/src/components/Card.jsx +++ b/src/components/Card.jsx @@ -1,8 +1,22 @@ -import React from "react"; +import React, { useState } from "react"; import { motion } from "framer-motion"; +import ShareModal from "./ShareModal"; const Card = ({ title, link, description, i, img }) => { + + const [isModalActive, setIsModalActive] = useState(false) + + function shareHandler(e) { + e.preventDefault(); + setIsModalActive(!isModalActive) + } + + function closeModal(){ + setIsModalActive(!isModalActive) + } + return ( + <> { animate={{ opacity: 1, translateX: 0 }} transition={{ duration: 0.2, delay: i * 0.2 }} > -
+ + +
{/* src={`'${img}'`} */} - img +
+
+ img +
+
+ +
@@ -26,7 +48,17 @@ const Card = ({ title, link, description, i, img }) => {

+
+ {isModalActive ? + + : null } + + + + ); }; diff --git a/src/components/ShareModal.jsx b/src/components/ShareModal.jsx new file mode 100644 index 0000000..1a540a4 --- /dev/null +++ b/src/components/ShareModal.jsx @@ -0,0 +1,53 @@ +import React from 'react' +import { useState } from 'react' +import SocialMediaShareBtn from './socialmedia/SocialMediaShareBtn' + +const ShareModal = ({closeModal, link}) => { + + + const [animateClick, setAnimateClick] = useState(false) + + function Clicked(e) { + navigator.clipboard.writeText(link) + setAnimateClick(true) + + setTimeout ( () => { + setAnimateClick(false) + },150) + } + + return ( +
closeModal()} className='absolute top-0 left-0 w-full h-screen bg-grape-300 bg-opacity-40 flex justify-center items-center z-20 transition-all ease-out'> + +
+
+

Share

+ +
+ +
+ + + + +
+ + +
+

{link}

+ +
+
+ +
+ ) +} + +export default ShareModal diff --git a/src/components/socialmedia/SocialMediaShareBtn.jsx b/src/components/socialmedia/SocialMediaShareBtn.jsx new file mode 100644 index 0000000..f3dc3e4 --- /dev/null +++ b/src/components/socialmedia/SocialMediaShareBtn.jsx @@ -0,0 +1,15 @@ +import React from 'react' + +const SocialMediaShareBtn = ({socialMediaName,shareTo}) => { + return ( + +
+ + {`${socialMediaName} + +
{socialMediaName}
+
+ ) +} + +export default SocialMediaShareBtn diff --git a/src/index.css b/src/index.css index ac961a5..484c979 100644 --- a/src/index.css +++ b/src/index.css @@ -22,4 +22,16 @@ } .img-container img:hover { transform: scale(0.7); +} + +.text-white{ + color:white; +} + +.bg-gray-800{ + background-color: rgb(70,70,70); +} + +.animateClick { + background-color: rgb(130,130,130); } \ No newline at end of file