diff --git a/src/components/Button/RiArrowButton.tsx b/src/components/Button/RiArrowButton.tsx new file mode 100644 index 0000000..0fb1af4 --- /dev/null +++ b/src/components/Button/RiArrowButton.tsx @@ -0,0 +1,16 @@ +import { RiArrowRightSLine } from "react-icons/ri"; + +type RoundedButtonTypes = { + name: string; +}; + +function RiArrowButton({ name }: RoundedButtonTypes) { + return ( + + ); +} + +export default RiArrowButton; diff --git a/src/components/Button/RoundedButton.tsx b/src/components/Button/RoundedButton.tsx deleted file mode 100644 index 0da85d1..0000000 --- a/src/components/Button/RoundedButton.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import PropTypes from "prop-types"; - -type RoundedButtonTypes = { - name: string; -}; - -function RoundedButton({ name }: RoundedButtonTypes) { - return ( - - ); -} - -export default RoundedButton; - -RoundedButton.propTypes = { - name: PropTypes.string.isRequired, -}; diff --git a/src/components/Navigation/DesktopNav.tsx b/src/components/Navigation/DesktopNav.tsx index fbb1ec2..c6a7cbf 100644 --- a/src/components/Navigation/DesktopNav.tsx +++ b/src/components/Navigation/DesktopNav.tsx @@ -1,4 +1,4 @@ -import RoundedButton from "../Button/RoundedButton"; +import RoundedButton from "../Button/RiArrowButton"; const navLinks = [ { diff --git a/src/components/SocialMediaLinks.tsx b/src/components/SocialMediaLinks.tsx index 84e9371..eab415c 100644 --- a/src/components/SocialMediaLinks.tsx +++ b/src/components/SocialMediaLinks.tsx @@ -9,18 +9,33 @@ import { IoLogoFreebsdDevil } from "react-icons/io"; //Edit any changes to the SoDA URLs here //Icons can be found at: https://react-icons.github.io/react-icons/ const socialMediaLinks = [ - { href: "https://thesoda.io/", icon: }, - { href: "https://www.linkedin.com/company/thesoda/", icon: }, - { href: "https://www.instagram.com/soda.asu/", icon: }, + { + href: "https://thesoda.io/", + icon: , + }, + { + href: "https://www.linkedin.com/company/thesoda/", + icon: , + }, + { + href: "https://www.instagram.com/soda.asu/", + icon: , + }, { href: "https://discord.gg/the-software-developers-association-762811961238618122", icon: , }, - { href: "https://www.facebook.com/SoDAASU/", icon: }, - { href: "https://github.com/asusoda", icon: }, + { + href: "https://www.facebook.com/SoDAASU/", + icon: , + }, + { + href: "https://github.com/asusoda", + icon: , + }, { href: "https://asu.campuslabs.com/engage/organization/soda", - icon: , + icon: , }, ]; diff --git a/src/components/Sponsors/Sponsors.tsx b/src/components/Sponsors/Sponsors.tsx index db461cf..a2b8b79 100644 --- a/src/components/Sponsors/Sponsors.tsx +++ b/src/components/Sponsors/Sponsors.tsx @@ -63,7 +63,15 @@ function SponsorsMarquee() { key={index} src={logoMap[element.name as SponsorLogo]} // Casting element.name to SponsorLogo alt={element.name} - className="w-[12vw] object-contain" + className="w-[10vw] object-contain" + /> + ))} + {sponsors.map((element, index) => ( + {element.name} ))} diff --git a/src/components/Stats/Statistics.tsx b/src/components/Stats/Statistics.tsx index 056d77d..6a3cd01 100644 --- a/src/components/Stats/Statistics.tsx +++ b/src/components/Stats/Statistics.tsx @@ -1,7 +1,7 @@ import AnimatedNumber from "../logic/AnimatedNumber"; import { Statistic } from "semantic-ui-react"; import teamsData from "../../assets/teams.json"; -import RoundedButton from "../Button/RoundedButton"; +import RoundedButton from "../Button/RiArrowButton"; const dollarFormatter = new Intl.NumberFormat("US", { style: "currency", diff --git a/src/styles/index.css b/src/styles/index.css index 940939f..db3ede2 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -271,6 +271,10 @@ footer { @apply px-3 py-2 bg-soda-red rounded-full; } +.right-arrow-btn { + @apply flex px-3 py-3 bg-soda-red rounded-full items-center hover:bg-[#c12654] justify-center; +} + .regular-btn { @apply px-3 py-1 bg-soda-red rounded-lg; }