From 518e7b69ec6520a9f794e5b154f41c0af48a5f9e Mon Sep 17 00:00:00 2001
From: Emilio Heinzmann <emiliosheinz@gmail.com>
Date: Mon, 20 May 2024 21:06:36 -0300
Subject: [PATCH] feat: add map ping

---
 src/components/header/index.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 0a8d645..37ab36b 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -3,6 +3,7 @@ import { Nav } from "./nav";
 import { Sidebar } from "./sidebar";
 import Link from "next/link";
 import { Button } from "../ui/button";
+import { FaMapMarkerAlt } from "react-icons/fa";
 
 export function Header() {
   const renderMainSection = () => (
@@ -32,10 +33,7 @@ export function Header() {
           <Button asChild variant="link">
             <Link className="flex items-center gap-1" href="/map">
               Mapa
-              <span className="relative mb-3 flex h-3 w-3">
-                <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75"></span>
-                <span className="relative inline-flex h-3 w-3 rounded-full bg-red-600"></span>
-              </span>
+              <FaMapMarkerAlt className="size-3.5 animate-bounce text-red-600" />
             </Link>
           </Button>
         </li>