feat: Updating dependencies and resolving events bug

package.json

@@ -13,23 +13,23 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/react": "^2.0.2",
-    "@chakra-ui/react": "^2.5.1",
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
-    "@fontsource/roboto": "^4.5.8",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
-    "astro": "^2.0.6",
+    "@astrojs/react": "^3.0.9",
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@fontsource/roboto": "5.0.8",
+    "@types/react": "^18.2.47",
+    "@types/react-dom": "^18.2.18",
+    "astro": "^4.1.2",
     "class": "^0.1.4",
-    "classnames": "^2.3.2",
-    "framer-motion": "^10.2.4",
+    "classnames": "^2.5.1",
+    "framer-motion": "^10.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-markdown": "^8.0.7"
+    "react-markdown": "9.0.1"
   },
   "devDependencies": {
-    "@astrojs/partytown": "^1.2.0",
-    "sass": "^1.58.0"
+    "@astrojs/partytown": "^2.0.3",
+    "sass": "^1.69.7"
   }
 }

src/components/Events/Events.tsx

@@ -5,7 +5,8 @@ import './Events.scss'
 
 export const Events = () => {
   const currentDate = new Date()
-  const event = events[currentDate.getFullYear()][currentDate.getMonth()]
+  const event = events[currentDate.getFullYear()] ? events[currentDate.getFullYear()][currentDate.getMonth()] : null
+
   return (
     <div id="events" className="events">
       <h2 className="events-title">Eventos</h2>
@@ -34,7 +35,10 @@ export const Events = () => {
             </div>
           </>
         ) : (
-          <p>Aún no tenemos información del evento de este mes, tan pronto la tengamos la compartiremos, ¡Revisa nuestras redes sociales! 😊 </p>
+          <p>
+            Aún no tenemos información del evento de este mes, tan pronto la
+            tengamos la compartiremos, ¡Revisa nuestras redes sociales! 😊{' '}
+          </p>
         )}
       </div>
     </div>

src/components/Footer/Footer.tsx

@@ -9,35 +9,35 @@ export const Footer = () => {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <img className="social-media-icon" src="/facebook.svg" alt="" />
+          <img className="social-media-icon" src="/ibaguejs.github.io/facebook.svg" alt="" />
         </a>
         <a
           href="https://twitter.com/ibaguejs"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <img className="social-media-icon" src="/twitter.svg" alt="" />
+          <img className="social-media-icon" src="/ibaguejs.github.io/twitter.svg" alt="" />
         </a>
         <a
           href="https://join.slack.com/t/ibague-js/shared_invite/zt-1pkorfyn7-6L4VOsl9M33lVDZU5taYkA"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <img className="social-media-icon" src="/slack.svg" alt="" />
+          <img className="social-media-icon" src="/ibaguejs.github.io/slack.svg" alt="" />
         </a>
         <a
           href="https://www.linkedin.com/company/ibaguejs/"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <img className="social-media-icon" src="/linkedin.svg" alt="" />
+          <img className="social-media-icon" src="/ibaguejs.github.io/linkedin.svg" alt="" />
         </a>
         <a
           href="https://github.com/IbagueJS"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <img className="social-media-icon" src="/github.svg" alt="" />
+          <img className="social-media-icon" src="/ibaguejs.github.io/github.svg" alt="" />
         </a>
       </div>
       <p className="copy-right">IbaguéJS © {new Date().getFullYear()}. Todos los derechos reservados.</p>

src/components/Hero/Hero.tsx

@@ -23,7 +23,7 @@ export const Hero = () => {
         </p>
       </div>
       <div className="hero-image">
-        <img src="ibaguejs-hero.webp" alt="" width={352} height={417} />
+        <img src="/ibaguejs.github.io/ibaguejs-hero.webp" alt="" width={352} height={417} />
       </div>
     </section>
   )

src/components/Navbar/Navbar.tsx

@@ -8,7 +8,7 @@ export const Navbar = () => {
 
   return (
     <nav className={classNames('navbar', { 'is-open': isOpen })}>
-      <img className="navbar__icon" src="ibaguejs_black_and_white.png" alt="" />
+      <img className="navbar__icon" src="/ibaguejs.github.io/ibaguejs_black_and_white.png" alt="" />
       <div className="navbar__right">
         <ul className="section-links">
           <li>

src/layouts/Layout.astro

@@ -15,7 +15,7 @@ const { title } = Astro.props;
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/ibaguejs.github.io/favicon.ico" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Mukta:wght@400;500;600;700&display=swap" rel="stylesheet">

src/utils/constants.ts

@@ -1,28 +1,28 @@
 // If you add a spomsor you need to update the CSS in the Ticker
 export const sponsors = [
   {
-    src:"sociedad-ingenieros.png",
+    src:"/ibaguejs.github.io/sociedad-ingenieros.png",
     height: "32",
     width:"250",
     alt: "sociedad tolimense de ingenieros logo",
     url: "https://www.facebook.com/STI890700/"
   },
   {
-    src:"ucc.png",
+    src:"/ibaguejs.github.io/ucc.png",
     height: "32",
     width:"250",
     alt: "universidad cooperativa de colombia logo",
     url: "https://ucc.edu.co/campus-ibague-espinal"
   },
   {
-    src:"unad.png",
+    src:"/ibaguejs.github.io/unad.png",
     height: "32",
     width:"250",
     alt: "universidad nacional abiertad y a distancia logo",
     url: "https://sur.unad.edu.co/ibague"
   },
   {
-    src:"uni-ibague.png",
+    src:"/ibaguejs.github.io/uni-ibague.png",
     height: "32",
     width:"250",
     alt: "universidad nacional abiertad y a distancia logo",
@@ -39,14 +39,14 @@ export const socialMedia = {
 export const socialMediaLogo = {
   [socialMedia.github]: {
     alt: 'github logo',
-    src: 'github.svg',
+    src: '/ibaguejs.github.io/github.svg',
   },
   [socialMedia.linkedin]: {
     alt: 'linkedin logo',
-    src: 'linkedin.svg',
+    src: '/ibaguejs.github.io/linkedin.svg',
   },
   [socialMedia.twitter]: {
     alt: 'twitter logo',
-    src: 'twitter.svg',
+    src: '/ibaguejs.github.io/twitter.svg',
   },
 }

src/utils/events.ts

@@ -4,7 +4,7 @@ export const events = {
       image: {
         alt: "colombia dev logo",
         height: "386",
-        src:"queues-nodejs.jpeg",
+        src:"/ibaguejs.github.io/queues-nodejs.jpeg",
         width:"564",
       },
       link: '',
@@ -31,7 +31,7 @@ export const events = {
       image: {
         alt: "banner meetup mayo 2023",
         height: "386",
-        src:"rxjs.jpeg",
+        src:"/ibaguejs.github.io/rxjs.jpeg",
         width:"564",
       },
       link: 'https://ti.to/ibaguejs/rxjs',
@@ -59,7 +59,7 @@ ANÍMATE TE ESPERAMOS!`
       image: {
         alt: "banner meetup junio 2023",
         height: "386",
-        src:"performance-frontend.jpeg",
+        src:"/ibaguejs.github.io/performance-frontend.jpeg",
         width:"564",
       },
       link: 'https://ti.to/ibaguejs/performance-frontend',

src/utils/organizers.ts

@@ -4,7 +4,7 @@ export const organizers = [
   {
     image: {
       alt: "Giovanny Gongora picture",
-      src:"giovanny.jpeg",
+      src:"/ibaguejs.github.io/giovanny.jpeg",
     },
     name: 'Giovanny Gongora',
     description: `Senior Software Engineer - JavaScript/Node.js and C/C++ - Memory and Performance enthusiast - Operating System Developer as a hobby.`,
@@ -22,7 +22,7 @@ export const organizers = [
   {
     image: {
       alt: "Andres Santos picture",
-      src:"andres.jpeg",
+      src:"/ibaguejs.github.io/andres.jpeg",
     },
     name: 'Andrés Santos',
     description: `Senior Software Engineer | JavaScript | Node.js | NestJS | Serverless | Microservices | AWS | CDK`,
@@ -40,7 +40,7 @@ export const organizers = [
   {
     image: {
       alt: "Jose Manuel picture",
-      src:"jose.jpeg",
+      src:"/ibaguejs.github.io/jose.jpeg",
     },
     name: 'Jose Manuel Zamora Ortiz',
     description: `Líder técnico desarrollador de software - IBACREA SAS, ENLACE SOSTENIBLE, DEVSHOUSE`,
@@ -58,7 +58,7 @@ export const organizers = [
   {
     image: {
       alt: "Yesion Tapia picture ",
-      src:"yeison.jpeg",
+      src:"/ibaguejs.github.io/yeison.jpeg",
     },
     name: 'Yesion Fabian Tapia Lozano',
     description: `Software Engineer en EPAM`,
@@ -76,7 +76,7 @@ export const organizers = [
   {
     image: {
       alt: "Diego Avila picture",
-      src:"diego.jpeg",
+      src:"/ibaguejs.github.io/diego.jpeg",
     },
     name: 'Diego Avila',
     description: `Lifelong learning is my purpose. Sometimes I e̵a̵t̵ give pizza at @ibaguejs 🤭 and write code with JavaScript`,
@@ -94,7 +94,7 @@ export const organizers = [
   {
     image: {
       alt: "Diana Cabrejo picture ",
-      src:"diana.jpeg",
+      src:"/ibaguejs.github.io/diana.jpeg",
     },
     name: 'Diana Cabrejo',
     description: `Scrum Master | Ssr Business Analyst at Globant | Founder of IbagirlsDev Community`,
@@ -108,7 +108,7 @@ export const organizers = [
   {
     image: {
       alt: "Juan Jose picture ",
-      src:"juan-jose.jpeg",
+      src:"/ibaguejs.github.io/juan-jose.jpeg",
     },
     name: 'Juan Jose Suarez',
     description: `Full-Stack Developer, one commit at a time`,
@@ -122,7 +122,7 @@ export const organizers = [
   {
     image: {
       alt: "Andres Vasquez picture ",
-      src:"andres-vasquez.jpeg",
+      src:"/ibaguejs.github.io/andres-vasquez.jpeg",
     },
     name: 'Andrés Felipe (Elitee) Vasquez',
     description: `Soy Desarrollador de software "if you think it, you can create it"`,