From 7d42089068ca8278113ad8d86745881957c828fb Mon Sep 17 00:00:00 2001
From: Jarvis Raymond <jarvisraymond@uchicago.edu>
Date: Tue, 5 Nov 2024 13:49:40 -0600
Subject: [PATCH] feat(healButtons): Added heal buttons to components

---
 .../Home/Components/ContentSpotlight/ContentSpotlight.tsx   | 2 ++
 src/lib/Home/Components/HealButtonLink/HealButtonLink.tsx   | 6 ++----
 src/lib/Home/Components/Hero/Hero.tsx                       | 5 ++++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/lib/Home/Components/ContentSpotlight/ContentSpotlight.tsx b/src/lib/Home/Components/ContentSpotlight/ContentSpotlight.tsx
index 4cb69cb..f8f38bb 100644
--- a/src/lib/Home/Components/ContentSpotlight/ContentSpotlight.tsx
+++ b/src/lib/Home/Components/ContentSpotlight/ContentSpotlight.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import HealButtonLink from '../HealButtonLink/HealButtonLink';
 
 const ContentSpotlight: React.FC = () => {
   return (
@@ -7,6 +8,7 @@ const ContentSpotlight: React.FC = () => {
       className="content-spotlight   text-center p-4"
     >
       <h1 className="text-2xl font-bold">Content Spotlight</h1>
+      <HealButtonLink href="https://lycos.com" label="Go to Semantic Search" />
     </div>
   );
 };
diff --git a/src/lib/Home/Components/HealButtonLink/HealButtonLink.tsx b/src/lib/Home/Components/HealButtonLink/HealButtonLink.tsx
index a702687..97f2a3c 100644
--- a/src/lib/Home/Components/HealButtonLink/HealButtonLink.tsx
+++ b/src/lib/Home/Components/HealButtonLink/HealButtonLink.tsx
@@ -7,10 +7,7 @@ interface ButtonLinkProps {
   label: string;
 }
 
-const HealButtonLink: React.FC<ButtonLinkProps> = ({
-  href = 'https://www.altavista.com',
-  label,
-}) => {
+const HealButtonLink: React.FC<ButtonLinkProps> = ({ href, label }) => {
   return (
     <a
       href={href}
@@ -32,6 +29,7 @@ const HealButtonLink: React.FC<ButtonLinkProps> = ({
     >
       <span
         className={`
+          px-2
           group-hover:bg-white
           group-hover:text-heal-magenta
           bg-heal-magenta
diff --git a/src/lib/Home/Components/Hero/Hero.tsx b/src/lib/Home/Components/Hero/Hero.tsx
index 6759914..3fca5b8 100644
--- a/src/lib/Home/Components/Hero/Hero.tsx
+++ b/src/lib/Home/Components/Hero/Hero.tsx
@@ -5,7 +5,10 @@ const Hero: React.FC = () => {
   return (
     <div data-testid="hero" className="photo-divider text-center p-4">
       <h1 className="text-2xl font-bold">Hero</h1>
-      <HealButtonLink label="Search for HEAL Data" />
+      <HealButtonLink
+        href="https://askjeeves.com"
+        label="Search for HEAL Data"
+      />
     </div>
   );
 };