added support for multiple speaker agenda

asyncapi · Sep 22, 2023 · b639d3c · b639d3c
1 parent 39e3f66
commit b639d3c
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 5 deletions.
diff --git a/components/Agenda/agenda.js b/components/Agenda/agenda.js
@@ -3,7 +3,6 @@ import Heading from '../Typography/heading'
 import Paragraph from '../Typography/paragraph'
 
 function Agenda({ city }) {
- console.log(city)
  return (
  <div className=''>
  <div className='flex flex-col justify-center items-center'>
@@ -53,7 +52,25 @@ function Agenda({ city }) {
  {city.speakers[talk.speaker-1].title}
  </Paragraph>
  </div>
- </div> : <div></div>}
+ </div> : <div></div>}
+ {talk.speaker && typeof talk.speaker === 'object' && <div className='flex flex-col'>
+ {talk.speaker.map((speak, i) => <div key={i} className='mt-6'>
+ <div className='flex items-center lg:mt-4'>
+ <div className='w-[94px] h-[94px]'>
+ <img src={city.speakers[speak - 1].img} alt={city.speakers[speak - 1].name} className='object-cover rounded-full w-full h-full' />
+ </div>
+ <div className='ml-4 w-[300px] sm:w-[250px]'>
+ <Heading typeStyle='heading-sm-semibold' className='text-white'>
+ {city.speakers[speak-1].name}
+ </Heading>
+ <Paragraph typeStyle='body-sm' className="mt-2">
+ {city.speakers[speak-1].title}
+ </Paragraph>
+ </div>
+ </div>
+ </div> )
+ }
+ </div>}
  </div>
  </div>
  })}

diff --git a/components/Countdown/countdown.js b/components/Countdown/countdown.js
@@ -4,7 +4,7 @@ import Countdown from 'react-countdown';
 const dates = [
  {
  name: 'London, UK',
- date: 'September 26, 2023',
+ date: 'September 20, 2023',
  },
  {
  name: 'Madrid, Spain',
@@ -44,7 +44,21 @@ function Countdowns() {
  const renderer = ({ days, hours, minutes, seconds, completed }) => {
  if (completed) {
  // Render a completed state
- return '';
+ return <div
+ className='home-title flex items-center w-[200px] sm:w-[100px] justify-between'
+ ref={dateRef}
+ >
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div>
+ <span className='glitch text-white text-[30px] sm:text-[18px]'>
+ Ended
+ </span>
+ {/* <p className='text-lg mt-[30px]'>Seconds</p> */}
+ </div>
+ </div>
  } else {
  // Render a countdown
  return (

diff --git a/components/Header/header.js b/components/Header/header.js
@@ -67,7 +67,6 @@ function Header() {
  el.style.width = `${d.size}px`;
  el.style['pointer-events'] = 'auto';
  el.style.cursor = 'pointer';
- el.onclick = () => console.info(d);
  return el;
  }}
  globeImageUrl='https://raw.githubusercontent.com/vasturiano/react-globe.gl/master/example/clouds/clouds.png'