From 18e9e6da5d4f58361b93dff30e5caeb3abd742fc Mon Sep 17 00:00:00 2001
From: Spencer Lochne <spencer.lochne@gmail.com>
Date: Sat, 15 Feb 2025 20:58:09 -0500
Subject: [PATCH] 6c Solution

---
 .../src/pages/checkout/CheckoutHeader.jsx                | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/2-copy-of-code/lesson-06/ecommerce-project/src/pages/checkout/CheckoutHeader.jsx b/2-copy-of-code/lesson-06/ecommerce-project/src/pages/checkout/CheckoutHeader.jsx
index 25d99d0..1dbd2ef 100644
--- a/2-copy-of-code/lesson-06/ecommerce-project/src/pages/checkout/CheckoutHeader.jsx
+++ b/2-copy-of-code/lesson-06/ecommerce-project/src/pages/checkout/CheckoutHeader.jsx
@@ -1,3 +1,4 @@
+import { Link } from 'react-router';
 import './CheckoutHeader.css';
 
 export function CheckoutHeader() {
@@ -5,15 +6,15 @@ export function CheckoutHeader() {
     <div className="checkout-header">
       <div className="header-content">
         <div className="checkout-header-left-section">
-          <a href="/">
+          <Link to="/">
             <img className="logo" src="images/logo.png" />
             <img className="mobile-logo" src="images/mobile-logo.png" />
-          </a>
+          </Link>
         </div>
 
         <div className="checkout-header-middle-section">
-          Checkout (<a className="return-to-home-link"
-            href="/">3 items</a>)
+          Checkout (<Link className="return-to-home-link"
+            to="/">3 items</Link>)
         </div>
 
         <div className="checkout-header-right-section">