updated config file with calendar ID

src/components/Chat/index.js

@@ -12,6 +12,7 @@ import {
   OpenIcon,
 } from './styles'
 import { colours } from '../../assets/theme'
+import config from '../../data/config'
 
 const Chat = ({ overlayActive }) => {
   const { width, height } = useWindowDimensions()
@@ -26,7 +27,7 @@ const Chat = ({ overlayActive }) => {
           <CloseBox colour={colours.white} size={18} onClick={toggleChatOpen} />
         </ChatHeader>
         <iframe
-          src="https://titanembeds.com/embed/709318870909059082?css=215&defaultchannel=826751398757793842&lang=en_EN"
+          src={`https://titanembeds.com/embed/${config.chat.guildId}?css=${config.chat.css}&defaultchannel=${config.chat.channelId}&lang=en_EN`}
           height={(height / 4) * 3}
           width="350"
           frameBorder="0"

src/data/config.js

@@ -3,6 +3,10 @@ export default {
   seriesTrailer:
     'https://tv.undersco.re/videos/embed/5e29327c-41de-4b48-b567-ee28b181336f',
 
-  calendar:
-    'https://cloud.undersco.re/remote.php/dav/public-calendars/9FzomgAfidHWCQcx?export',
+  calendarId: '9FzomgAfidHWCQcx',
+  chat: {
+    guildId: '709318870909059082',
+    channelId: '826751398757793842',
+    css: '215',
+  },
 }

src/hooks/data.js

@@ -10,7 +10,9 @@ export const useEventStream = () => {
   async function fetchData() {
     setLoading(true)
 
-    const { data: responseData } = await axios.get(`${config.calendar}`)
+    const { data: responseData } = await axios.get(
+      `https://cloud.undersco.re/remote.php/dav/public-calendars/${config.calendarId}/?export`
+    )
     const jCalData = ICAL.parse(responseData)
     const comp = new ICAL.Component(jCalData)
 
@@ -26,7 +28,6 @@ export const useEventStream = () => {
       )
       .map(vevent => {
         const event = new ICAL.Event(vevent)
-        console.log('eventstat', vevent.getFirstPropertyValue('status'))
         return event
       })
       .sort((a, b) => a.startDate.toJSDate() - b.startDate.toJSDate())