From 659c3c61bd18c7e16442fab481d16815eea833c1 Mon Sep 17 00:00:00 2001 From: dslovinsky Date: Thu, 18 Sep 2025 16:47:14 -0400 Subject: [PATCH 1/3] chore: move AlchemyLogo to its own folder --- fern/components/AlchemyLogo.tsx | 52 ++++++++++++++++++++++++++++++++ fern/components/Footer.tsx | 53 ++------------------------------- 2 files changed, 54 insertions(+), 51 deletions(-) create mode 100644 fern/components/AlchemyLogo.tsx diff --git a/fern/components/AlchemyLogo.tsx b/fern/components/AlchemyLogo.tsx new file mode 100644 index 000000000..c448073ee --- /dev/null +++ b/fern/components/AlchemyLogo.tsx @@ -0,0 +1,52 @@ +const AlchemyLogo = () => ( + + + + + + + + + + + + +); + +export default AlchemyLogo; diff --git a/fern/components/Footer.tsx b/fern/components/Footer.tsx index 75974cada..c5adc412d 100644 --- a/fern/components/Footer.tsx +++ b/fern/components/Footer.tsx @@ -1,58 +1,9 @@ +import AlchemyLogo from "./AlchemyLogo"; + /** * ICONS */ -const AlchemyLogo = () => ( - - - - - - - - - - - - -); - const SupportHubIcon = () => ( Date: Thu, 18 Sep 2025 17:00:44 -0400 Subject: [PATCH 2/3] chore: move all footer icons into their own folders --- fern/components/BuiltWithFern.tsx | 33 +++ fern/components/Footer.tsx | 195 +----------------- fern/components/{ => icons}/AlchemyLogo.tsx | 0 .../icons/AlchemyUniversityIcon.tsx | 32 +++ fern/components/icons/DiscordIcon.tsx | 16 ++ fern/components/icons/EmailIcon.tsx | 18 ++ fern/components/icons/NewsletterIcon.tsx | 19 ++ fern/components/icons/RobotIcon.tsx | 19 ++ fern/components/icons/StatusIcon.tsx | 18 ++ fern/components/icons/SupportHubIcon.tsx | 18 ++ fern/components/icons/XIcon.tsx | 16 ++ 11 files changed, 199 insertions(+), 185 deletions(-) create mode 100644 fern/components/BuiltWithFern.tsx rename fern/components/{ => icons}/AlchemyLogo.tsx (100%) create mode 100644 fern/components/icons/AlchemyUniversityIcon.tsx create mode 100644 fern/components/icons/DiscordIcon.tsx create mode 100644 fern/components/icons/EmailIcon.tsx create mode 100644 fern/components/icons/NewsletterIcon.tsx create mode 100644 fern/components/icons/RobotIcon.tsx create mode 100644 fern/components/icons/StatusIcon.tsx create mode 100644 fern/components/icons/SupportHubIcon.tsx create mode 100644 fern/components/icons/XIcon.tsx diff --git a/fern/components/BuiltWithFern.tsx b/fern/components/BuiltWithFern.tsx new file mode 100644 index 000000000..558a4a99e --- /dev/null +++ b/fern/components/BuiltWithFern.tsx @@ -0,0 +1,33 @@ +export const BuiltByFern = () => ( + + Built with + + + + + +); + +export default BuiltByFern; diff --git a/fern/components/Footer.tsx b/fern/components/Footer.tsx index c5adc412d..bf7da1c57 100644 --- a/fern/components/Footer.tsx +++ b/fern/components/Footer.tsx @@ -1,188 +1,13 @@ -import AlchemyLogo from "./AlchemyLogo"; - -/** - * ICONS - */ - -const SupportHubIcon = () => ( - - - -); - -const StatusIcon = () => ( - - - -); - -const EmailIcon = () => ( - - - -); - -const RobotIcon = () => ( - - - -); - -const AlchemyUniversityIcon = () => ( - - - - - - - -); - -const NewsletterIcon = () => ( - - - -); - -const XIcon = () => ( - - - -); - -const DiscordIcon = () => ( - - - -); - -export const BuiltByFern = () => ( - - Built with - - - - - -); +import BuiltByFern from "./BuiltWithFern"; +import AlchemyLogo from "./icons/AlchemyLogo"; +import AlchemyUniversityIcon from "./icons/AlchemyUniversityIcon"; +import DiscordIcon from "./icons/DiscordIcon"; +import EmailIcon from "./icons/EmailIcon"; +import NewsletterIcon from "./icons/NewsletterIcon"; +import RobotIcon from "./icons/RobotIcon"; +import StatusIcon from "./icons/StatusIcon"; +import SupportHubIcon from "./icons/SupportHubIcon"; +import XIcon from "./icons/XIcon"; /** * CONFIG diff --git a/fern/components/AlchemyLogo.tsx b/fern/components/icons/AlchemyLogo.tsx similarity index 100% rename from fern/components/AlchemyLogo.tsx rename to fern/components/icons/AlchemyLogo.tsx diff --git a/fern/components/icons/AlchemyUniversityIcon.tsx b/fern/components/icons/AlchemyUniversityIcon.tsx new file mode 100644 index 000000000..eaf322d6c --- /dev/null +++ b/fern/components/icons/AlchemyUniversityIcon.tsx @@ -0,0 +1,32 @@ +const AlchemyUniversityIcon = () => ( + + + + + + + +); + +export default AlchemyUniversityIcon; diff --git a/fern/components/icons/DiscordIcon.tsx b/fern/components/icons/DiscordIcon.tsx new file mode 100644 index 000000000..2f462c2d8 --- /dev/null +++ b/fern/components/icons/DiscordIcon.tsx @@ -0,0 +1,16 @@ +const DiscordIcon = () => ( + + + +); + +export default DiscordIcon; diff --git a/fern/components/icons/EmailIcon.tsx b/fern/components/icons/EmailIcon.tsx new file mode 100644 index 000000000..a855126dd --- /dev/null +++ b/fern/components/icons/EmailIcon.tsx @@ -0,0 +1,18 @@ +const EmailIcon = () => ( + + + +); + +export default EmailIcon; diff --git a/fern/components/icons/NewsletterIcon.tsx b/fern/components/icons/NewsletterIcon.tsx new file mode 100644 index 000000000..379710252 --- /dev/null +++ b/fern/components/icons/NewsletterIcon.tsx @@ -0,0 +1,19 @@ +const NewsletterIcon = () => ( + + + +); + +export default NewsletterIcon; diff --git a/fern/components/icons/RobotIcon.tsx b/fern/components/icons/RobotIcon.tsx new file mode 100644 index 000000000..300f5bb55 --- /dev/null +++ b/fern/components/icons/RobotIcon.tsx @@ -0,0 +1,19 @@ +const RobotIcon = () => ( + + + +); + +export default RobotIcon; diff --git a/fern/components/icons/StatusIcon.tsx b/fern/components/icons/StatusIcon.tsx new file mode 100644 index 000000000..5b0a8c997 --- /dev/null +++ b/fern/components/icons/StatusIcon.tsx @@ -0,0 +1,18 @@ +const StatusIcon = () => ( + + + +); + +export default StatusIcon; diff --git a/fern/components/icons/SupportHubIcon.tsx b/fern/components/icons/SupportHubIcon.tsx new file mode 100644 index 000000000..b525cf409 --- /dev/null +++ b/fern/components/icons/SupportHubIcon.tsx @@ -0,0 +1,18 @@ +const SupportHubIcon = () => ( + + + +); + +export default SupportHubIcon; diff --git a/fern/components/icons/XIcon.tsx b/fern/components/icons/XIcon.tsx new file mode 100644 index 000000000..ab2e739a7 --- /dev/null +++ b/fern/components/icons/XIcon.tsx @@ -0,0 +1,16 @@ +const XIcon = () => ( + + + +); + +export default XIcon; From bd84593cc01021fc179846587f90603ea0725449 Mon Sep 17 00:00:00 2001 From: dslovinsky Date: Thu, 18 Sep 2025 17:56:58 -0400 Subject: [PATCH 3/3] feat: add accessibility props to icon components --- fern/components/BuiltWithFern.tsx | 6 +++--- fern/components/icons/AlchemyLogo.tsx | 3 +++ fern/components/icons/AlchemyUniversityIcon.tsx | 3 +++ fern/components/icons/DiscordIcon.tsx | 3 +++ fern/components/icons/EmailIcon.tsx | 1 + fern/components/icons/NewsletterIcon.tsx | 1 + fern/components/icons/RobotIcon.tsx | 1 + fern/components/icons/StatusIcon.tsx | 1 + fern/components/icons/SupportHubIcon.tsx | 3 +++ fern/components/icons/XIcon.tsx | 3 +++ 10 files changed, 22 insertions(+), 3 deletions(-) diff --git a/fern/components/BuiltWithFern.tsx b/fern/components/BuiltWithFern.tsx index 558a4a99e..8fa1da300 100644 --- a/fern/components/BuiltWithFern.tsx +++ b/fern/components/BuiltWithFern.tsx @@ -1,4 +1,4 @@ -export const BuiltByFern = () => ( +const BuiltByFern = () => ( ( }} > diff --git a/fern/components/icons/AlchemyLogo.tsx b/fern/components/icons/AlchemyLogo.tsx index c448073ee..dfcbca0f9 100644 --- a/fern/components/icons/AlchemyLogo.tsx +++ b/fern/components/icons/AlchemyLogo.tsx @@ -5,7 +5,10 @@ const AlchemyLogo = () => ( height="24" viewBox="0 0 113 24" fill="none" + role="img" + aria-label="Alchemy Logo" > + Alchemy Logo ( height="16" viewBox="0 0 16 16" fill="none" + role="img" + aria-label="Alchemy University Icon" > + Alchemy University Icon ( height="16" viewBox="0 0 16 16" fill="none" + role="img" + aria-label="Discord Icon" > + Discord Icon ( height="16" viewBox="0 0 16 16" fill="none" + aria-hidden="true" > ( height="18" viewBox="0 0 18 18" fill="none" + aria-hidden="true" > ( height="18" viewBox="0 0 18 18" fill="none" + aria-hidden="true" > ( height="16" viewBox="0 0 16 16" fill="none" + aria-hidden="true" > ( height="16" viewBox="0 0 16 16" fill="none" + role="img" + aria-label="Support Hub Icon" > + Support Hub Icon ( height="16" viewBox="0 0 16 16" fill="none" + role="img" + aria-label="X Icon" > + X Icon