From 87c67c4040b821f3df60c64cb868920f5e8157b2 Mon Sep 17 00:00:00 2001
From: Emmanuel-Develops <itakpeemma@gmail.com>
Date: Wed, 29 Jan 2025 14:56:58 +0100
Subject: [PATCH] fix: allow text provided to component with default fallback

---
 src/components/footer/FooterAbout.tsx    | 5 +++--
 src/components/footer/FooterFeedback.tsx | 8 +++++---
 src/components/footer/FooterPublic.tsx   | 4 +++-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/footer/FooterAbout.tsx b/src/components/footer/FooterAbout.tsx
index 35017ac..25ec35a 100644
--- a/src/components/footer/FooterAbout.tsx
+++ b/src/components/footer/FooterAbout.tsx
@@ -7,10 +7,11 @@ export interface FooterAboutProps
   extends FooterPartsPrimitiveProps<HTMLDivElement> {
   entityLink?: string;
   entityName?: string;
+  entityText?: string;
 }
 
 const FooterAbout = (props: React.PropsWithChildren<FooterAboutProps>) => {
-  const { className, children, entityLink, entityName, ...rest } = props;
+  const { className, children, entityLink, entityName, entityText, ...rest } = props;
   if (children) {
     <div {...rest} className={className}>
       {props.children}
@@ -27,7 +28,7 @@ const FooterAbout = (props: React.PropsWithChildren<FooterAboutProps>) => {
         ),
       )}
     >
-      Built with <span>🧡</span> by the{" "}
+      {entityText ?? "Built with 🧡 by the "}{" "}
       <a
         href={entityLink ?? "https://bitcoindevs.xyz/"}
         target="_blank"
diff --git a/src/components/footer/FooterFeedback.tsx b/src/components/footer/FooterFeedback.tsx
index 9142a3e..d9837c0 100644
--- a/src/components/footer/FooterFeedback.tsx
+++ b/src/components/footer/FooterFeedback.tsx
@@ -6,12 +6,14 @@ import clsx from "clsx";
 export interface FooterFeedbackProps
   extends FooterPartsPrimitiveProps<HTMLDivElement> {
   feedbackLink: string;
+  enitityText?: string;
+  entityCtaText?: string;
 }
 
 const FooterFeedback = (
   props: React.PropsWithChildren<FooterFeedbackProps>,
 ) => {
-  const { className, children, feedbackLink, ...rest } = props;
+  const { className, children, feedbackLink, enitityText="We'd love to hear your feedback on this project?", entityCtaText="Give feedback", ...rest } = props;
   if (children) {
     <div {...rest} className={props.className}>
       {props.children}
@@ -27,14 +29,14 @@ const FooterFeedback = (
         ),
       )}
     >
-      <span>We&apos;d love to hear your feedback on this project?</span>
+      <span>{enitityText}</span>
       <a
         href={feedbackLink}
         target="_blank"
         rel="noreferrer"
         className="leading-none w-fit min-w-fit mx-auto text-base font-medium md:font-semibold py-4 px-5 rounded-[10px] text-[#FAFAFA] dark:text-[#292929] bg-[#292929] dark:bg-[#FAFAFA]"
       >
-        Give Feedback
+        {entityCtaText}
       </a>
     </div>
   );
diff --git a/src/components/footer/FooterPublic.tsx b/src/components/footer/FooterPublic.tsx
index a224b4e..1b347a0 100644
--- a/src/components/footer/FooterPublic.tsx
+++ b/src/components/footer/FooterPublic.tsx
@@ -6,11 +6,13 @@ import clsx from "clsx";
 export interface FooterPublicProps
   extends FooterPartsPrimitiveProps<HTMLAnchorElement> {
   dashboardLink: string;
+  entityText?: string;
 }
 
 const FooterPublic = ({
   className,
   dashboardLink,
+  entityText = "View our public visitor count",
   ...rest
 }: FooterPublicProps) => {
   return (
@@ -26,7 +28,7 @@ const FooterPublic = ({
       )}
       {...rest}
     >
-      View our public visitor count
+     {entityText}
     </a>
   );
 };