-
Notifications
You must be signed in to change notification settings - Fork 0
/
Event.jsx
51 lines (47 loc) · 1.34 KB
/
Event.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import "./Event.css";
import { useEffect, useState } from "react";
import CloudinaryUploadWidget from "./CloudinaryUploadWidget";
import { getEventIdFromUrl } from "./helpers/urlHelpers";
import { getEventData } from "./helpers/firebase";
function Event() {
const uwConfig = {
cloudName: "eventography",
uploadPreset: "react-course",
sources: ["local"],
multiple: true,
folder: `${window.location.pathname}`,
thumbnailTransformation: {
width: 500,
height: 500,
crop: 'fill'
},
};
const [docSnap, setDocSnap] = useState();
const urlPath = window.location.pathname;
useEffect(()=>{
const fetchData = async() => {
const eventData = await getEventData(getEventIdFromUrl(urlPath));
setDocSnap(eventData);
}
fetchData();
},[urlPath])
return (
<>{docSnap &&
(
<div className="event">
<h2>{docSnap?.eventTitle}</h2>
<h3>{docSnap?.eventHashtag}</h3>
<CloudinaryUploadWidget uwConfig={uwConfig} docSnap={docSnap}/>
<button onClick={() => (window.location.href = `/galleries/${getEventIdFromUrl(urlPath)}`)}>
View Pictures
</button>
<p className="footer">
Created with 💜 by
<a href="https://eventographyapp.com/"> Eventography</a>
</p>
</div>
)}
</>
);
}
export default Event;