allow button titles for InfoBlock.js to be anything - changed home.js

SkylineSpartabots · May 29, 2024 · 8363aba · 8363aba
1 parent cd9bf5e
commit 8363aba
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/client/src/components/InfoBlock.js b/client/src/components/InfoBlock.js
@@ -2,7 +2,7 @@ import Button from "./Button";
 import {useNavigate} from "react-router-dom";
 import LazyImage from "./LazyImage";
 
-const InfoBlock = ({title, text, image, imageAlt, buttonPath}) => {
+const InfoBlock = ({title, text, image, imageAlt, buttonPath, buttonText}) => {
     const navigate = useNavigate();
 
     function handleClick() {
@@ -18,7 +18,8 @@ const InfoBlock = ({title, text, image, imageAlt, buttonPath}) => {
             {image ? (<br/>) : ""}
             <p className="textColor font-productsans text-center font-light pb-8 flex-grow">{text}</p>
             {(buttonPath ? <div className="text-center">
-                <Button text="Read More" onClick={handleClick} color="bg-blue-900"/>
+                <Button text={buttonText ? buttonText : "Read More"} onClick={handleClick} color="bg-blue-900"/>
+            {/*    NEED to check if the button text is passed in if not make it Read More*/}
             </div> : "")}
         </div>
     );

diff --git a/client/src/pages/Home.js b/client/src/pages/Home.js
@@ -40,18 +40,21 @@ const Home = () => {
                         title="Our Sponsors"
                         text="The Spartabots wouldn't exist without the support of our gracious sponsors, who help us in a variety of ways from granting money to donating parts."
                         buttonPath="/sponsors"
+                        buttonText="Sponsors" // Make this be Sponsor Us? and then include info on that page about how to sponsor us
                     />
                     <div className="border-l-[1px] border-gray-300 min-h-[350px] mx-4"></div>
                     <InfoBlock
                         title="Community"
                         text="Our goal is to raise awareness and interest among the people of our community about our club as well as the field of science and technology. Partnering with community members and local companies will allow us to raise sufficient funds to support our club mission and objectives."
                         buttonPath="/about"
+                        buttonText="About Us"
                     />
                     <div className="border-l-[1px] border-gray-300 min-h-[350px] mx-4"></div>
                     <InfoBlock
                         title="Get Involved"
                         text="We are always looking for any help within the club. Whether it be new students to join us, new mentors, or new sponsors to support our team."
                         buttonPath="/join"
+                        buttonText="Join Us"
                     />
                 </div>