feat: event share #608

created event share component ui and functionality
Planet-NULLCAST · Dec 2, 2021 · fda6074 · fda6074
1 parent 8eea066
commit fda6074
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 16 deletions.
diff --git a/component/layout/EventDetails/BookEvent.jsx b/component/layout/EventDetails/BookEvent.jsx
@@ -2,7 +2,7 @@ import styles from "./BookEvent.module.scss";
 import moment from "moment";
 import Link from "next/link";
 
-export default function BookEvent({ data,showshare }) {
+export default function BookEvent({ data,showShare }) {
   const { meta_title, description, event_time, location, registration_link } = data;
   return (
     <div className={styles.Book_Wrap}>
@@ -26,7 +26,7 @@ export default function BookEvent({ data,showshare }) {
           BOOK NOW
         </a>
       </Link>
-      <button className={styles.share} onClick={showshare}>SHARE EVENT</button>
+      <button className={styles.share} onClick={showShare}>SHARE EVENT</button>
     </div>
   );
 }
diff --git a/component/layout/EventDetails/EventSpotlight.jsx b/component/layout/EventDetails/EventSpotlight.jsx
@@ -2,7 +2,7 @@ import BookEvent from "./BookEvent";
 import styles from "./EventSpotlight.module.scss";
 import GuestDetails from "./GuestDetails";
 
-export default function EventSpotlight({ data, showwindow }) {
+export default function EventSpotlight({ data, showWindow }) {
   const {
     banner_image,
     guest_name,
@@ -17,7 +17,7 @@ export default function EventSpotlight({ data, showwindow }) {
         <div className={styles.postWrap}>
           <figure>{banner_image && <img src={banner_image} alt="Event Image" />}</figure>
           <div className={styles.bookEvent}>
-            <BookEvent data={data} showshare={showwindow} />
+            <BookEvent data={data} showShare={showWindow} />
           </div>
           <div className={styles.author}>
             <GuestDetails name={guest_name} avatar={guest_image} desig={guest_designation} />

diff --git a/component/layout/EventDetails/ShareEvent.jsx b/component/layout/EventDetails/ShareEvent.jsx
@@ -10,7 +10,7 @@ import {
 import { FacebookIcon, TwitterIcon, LinkedinIcon, WhatsappIcon } from "react-share";
 function ShareEvent({ hidewindow, location }) {
   const url = location;
-  const copytoclipboard = () => {
+  const copyToClipBoard = () => {
     navigator.clipboard.writeText(url);
     notify("Copied to clipboard", "success");
   };
@@ -50,7 +50,7 @@ function ShareEvent({ hidewindow, location }) {
         </div>
         <div>
           <input
-            onClick={copytoclipboard}
+            onClick={copyToClipBoard}
             type="text"
             name="link"
             id="link"

diff --git a/package.json b/package.json
@@ -53,7 +53,6 @@
     "react-reveal": "^1.2.2",
     "react-select": "^4.3.1",
     "react-share": "^4.4.0",
-    "react-share-social": "^0.1.48",
     "react-slick": "^0.28.1",
     "react-toastify": "^7.0.4",
     "reactjs-popup": "^2.0.4",

diff --git a/pages/events/[event_id].js b/pages/events/[event_id].js
@@ -4,12 +4,12 @@ import SiteFooter from "../../component/layout/SiteFooter/SiteFooter";
 import Head from "next/head";
 import EventService from "../../services/EventService";
 import Cookies from "universal-cookie";
-import { url, logoPath } from "../../seoschema/schema";
+import { url,logoPath } from "../../seoschema/schema";
 import notify from "../../lib/notify";
 import EventSpotlight from "../../component/layout/EventDetails/EventSpotlight";
 import Detail from "../../component/layout/EventDetails/Detail";
 import ShareEvent from "../../component/layout/EventDetails/ShareEvent";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 export async function getServerSideProps(context) {
   try {
@@ -61,11 +61,8 @@ export default function BlogListing({ event }) {
   } = event;
   const cookies = new Cookies();
   const userCookie = cookies.get("userNullcast");
-  const [viewshare, setViewshare] = useState(true)
-  const url = window.location.href
-  const showwindow = (id) => {
-    setViewshare(true)
-  }
+  const [viewshare, setViewshare] = useState(false)
+  let pageUrl = window.location.href  
   return (
     <>
       <Head>
@@ -132,8 +129,8 @@ export default function BlogListing({ event }) {
         <meta property="og:image:height" content="630" />
       </Head>
       <SiteHeader />
-      {viewshare && <ShareEvent location={url} hidewindow={()=> setViewshare(false)} />}
-      <EventSpotlight showwindow={()=> setViewshare(true)}  data={event} />
+      {viewshare && <ShareEvent location={pageUrl} hidewindow={()=> setViewshare(false)} />}
+      <EventSpotlight showWindow={()=> setViewshare(true)}  data={event} />
       <Detail event={event} />
       <SectionSwag />
       <SiteFooter />