Fix navbar home icon link

This commit is contained in:
Beau Findlay
2024-04-24 16:09:50 +01:00
parent f46c7bd9da
commit 839ba683a0

View File

@@ -1,7 +1,7 @@
import { Dialog, Popover } from "@headlessui/react"; import { Dialog, Popover } from "@headlessui/react";
import { useState } from "react"; import { useState } from "react";
import { FaBars, FaXmark } from "react-icons/fa6"; import { FaBars, FaXmark } from "react-icons/fa6";
import { NavLink } from "react-router-dom"; import { Link, NavLink } from "react-router-dom";
import logo from "../assets/logo.webp"; import logo from "../assets/logo.webp";
import SocialIcons from "./SocialIcons"; import SocialIcons from "./SocialIcons";
@@ -15,10 +15,10 @@ export default function NavBar() {
aria-label="Global" aria-label="Global"
> >
<div className="flex lg:flex-1"> <div className="flex lg:flex-1">
<a href="#" className="-m-1.5 p-1.5"> <Link to="/" className="-m-1.5 p-1.5">
<span className="sr-only">Beau Findlay</span> <span className="sr-only">Beau Findlay</span>
<img className="h-16 w-auto" src={logo} alt="Logo" /> <img className="h-16 w-auto" src={logo} alt="Logo" />
</a> </Link>
</div> </div>
<div className="flex lg:hidden"> <div className="flex lg:hidden">
<button <button