From ed31f45578b9d994ff56b82354ee41c02967d667 Mon Sep 17 00:00:00 2001
From: jbenedit <josep.benedito@hexagon.com>
Date: Thu, 7 Nov 2024 10:53:30 +0100
Subject: [PATCH] feat(Sidebar.js): add link to
 https://tucochedana.es/index.php/

---
 src/components/layout/Sidebar.js         | 13 +++++++++++--
 tests/navigation/encuentra-coche.spec.ts | 10 ++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 tests/navigation/encuentra-coche.spec.ts

diff --git a/src/components/layout/Sidebar.js b/src/components/layout/Sidebar.js
index 2d7612c4..34887bfb 100644
--- a/src/components/layout/Sidebar.js
+++ b/src/components/layout/Sidebar.js
@@ -21,6 +21,7 @@ import {
   Landmark,
   Scale,
   MessageCircleQuestion,
+  CarTaxiFront,
 } from 'lucide-react';
 import UserInfo from '../UserInfo';
 import { useSession } from '../../context/SessionProvider';
@@ -125,13 +126,21 @@ const menuItems = [
     isHref: true,
   },
   {
-    icon: Car,
+    icon: CarTaxiFront,
     title: 'Compartir Coche',
     description: 'Viaja u ofrece viajes con otros',
     path: 'https://anem.guruwalk.com/',
     color: 'text-amber-600',
     isHref: true,
   },
+  {
+    icon: Car,
+    title: 'Encontrar tu Coche',
+    description: 'Sistema de registro y consulta de vehículos perdidos',
+    path: 'https://tucochedana.es/index.php/',
+    color: 'text-blue-600',
+    isHref: true,
+  },
 ];
 
 export default function Sidebar({ isOpen, toggle }) {
@@ -232,7 +241,7 @@ export default function Sidebar({ isOpen, toggle }) {
         {/* Toggle button for desktop */}
         <button
           onClick={toggle}
-          className="hidden md:flex absolute -right-12 top-4 bg-white p-2 rounded-r-lg shadow-md 
+          className="hidden md:flex absolute -right-12 top-4 bg-white p-2 rounded-r-lg shadow-md
             hover:bg-gray-50 focus:outline-none group"
           aria-label={isOpen ? 'Contraer menú' : 'Expandir menú'}
         >
diff --git a/tests/navigation/encuentra-coche.spec.ts b/tests/navigation/encuentra-coche.spec.ts
new file mode 100644
index 00000000..eb9bd65e
--- /dev/null
+++ b/tests/navigation/encuentra-coche.spec.ts
@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test';
+
+test('should navigate to the "Encontrar tu Coche" page ', async ({ page }) => {
+    await page.goto('/');
+    await page.click('text=Encontrar tu Coche');
+    await expect(page).toHaveURL('https://tucochedana.es/index.php/');
+    await expect(page.locator('p:has-text("Sistema")')).toHaveText(
+        'Sistema de registro y consulta de vehículos perdidos.',
+    );
+});