Merge pull request #109 from GalsenDev221/dev

Event Update 🔁

locales/en/events.json

@@ -5,6 +5,11 @@
 		"upcoming": "Upcoming event",
 		"previous": "Previous event",
 		"events": {
+			"galsendev-meetup-3": {
+				"title": "GalsenDEV Meetup #2",
+				"desc": "The third edition of the GalsenDEV Meetup where we discussed about GitLab CI",
+				"full": "For this new session, we had the honor of hosting Ibrahima TIMERA, a passionate and experienced Freelance Developer in the field of Java and Angular development. During this meeting, Ibrahima shared his in-depth knowledge of GitLab CI. The participants had the opportunity to discover the essential steps to optimize their development workflow using proven practices and tools."
+			},
 			"weekend-code-3": {
 				"title": "Weekend Code #3",
 				"desc": "Third edition of the Code Weekend.",

locales/fr/events.json

@@ -5,6 +5,11 @@
 		"upcoming": "Évènement à venir",
 		"previous": "Événement passé",
 		"events": {
+			"galsendev-meetup-3": {
+				"title": "GalsenDEV Meetup #2",
+				"desc": "Le troisième numéro du GalsenDEV Meetup où on a parlé de GitLab CI.",
+				"full": "Pour cette nouvelle session, nous avons eu l'honneur d'accueillir Ibrahima TIMERA, un Développeur Freelance passionné et expérimenté dans le domaine du développement Java et Angular. Au cours de cette rencontre, Ibrahima a partagé ses connaissances approfondies sur GitLab CI. Les participants ont eu l'occasion de découvrir les étapes essentielles pour optimiser leur flux de travail de développement grâce à des pratiques et des outils éprouvés."
+			},
 			"weekend-code-3": {
 				"title": "Weekend du Code #3",
 				"desc": "Troisième édition du Weekend du Code.",

src/pages/api/events/data.ts

@@ -1,6 +1,14 @@
 import { Event } from './type';
 
 export const events: Event[] = [
+	{
+		name: 'GalsenDEV Meetup #3',
+		description:
+			'GitLab CI : Develop, Test, Build and Deploy your app with Ibrahima TIMERA.',
+		date: '05/18/2024',
+		type: 'previous',
+		full: 'Full description here.',
+	},
 	{
 		name: 'Weekend Code #3',
 		description: 'Third edition of the Code Weekend.',

src/pages/events/[slug]/index.tsx

@@ -1,9 +1,11 @@
 import useSWR from 'swr';
+import Link from 'next/link';
 import { useRouter } from 'next/router';
 import useTranslation from 'next-translate/useTranslation';
 
 import { Event, ResponseError } from '@/pages/api/events/type';
 import Header from '@/components/Header';
+import { Icon } from '@/components/ui/icon';
 
 const fetcher = async (url: string) => {
 	const res = await fetch(url);
@@ -21,10 +23,6 @@ export default function EventDetailPage() {
 	const router = useRouter();
 	const slug = router.query.slug as string;
 
-	const handleGoBack = () => {
-		router.back();
-	};
-
 	const { data, error, isLoading } = useSWR<Event, ResponseError>(
 		() => (slug ? '/api/events/' + slug : null),
 		fetcher
@@ -40,13 +38,10 @@ export default function EventDetailPage() {
 			<Header header={translationCommon('events.header')} />
 			<div className="px-4 mt-16 mx-auto max-w-lg md:max-w-3xl lg:max-w-screen-xl sm:px-6 lg:px-8">
 				<section>
-					<button // TODO: maybe we can add a icon here
-						onClick={handleGoBack}
-						className="text-white font-bold py-2 px-4 rounded"
-					>
-						⬅️
-					</button>
-					<hgroup className="space-y-2">
+					<Link href="/events" className="text-white font-bold py-4 rounded">
+						<Icon name="circle-arrow-left" className="w-7 h-7 text-gray-900" />
+					</Link>
+					<hgroup className="space-y-2 py-3">
 						<span className="rounded-full bg-blue-100 px-2.5 py-0.5 text-xs text-blue-600">
 							{t(`eventsPage.${data.type}`)}
 						</span>

types/name.d.ts

@@ -4,6 +4,7 @@ export type IconName =
 	| 'arrow-right'
 	| 'caret-sort'
 	| 'check'
+	| 'circle-arrow-left'
 	| 'commit-icon'
 	| 'cross-1'
 	| 'discord'