fix: Extend about component

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"

src/components/footer/FooterFeedback.tsx

@@ -6,12 +6,14 @@
 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 @@
         ),
       )}
     >
-      <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>
   );

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>
   );
 };

src/utils/filter.ts

@@ -1,9 +1,10 @@
 export function matchCharactersWithRegex(word: string, searchTerm: string) {
   const escapedSearchTerm = searchTerm.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 
+  // Construct a regex pattern that enforces order but allows small gaps
   const regexPattern = escapedSearchTerm
     .split("")
-    .map((char) => `(?=.*${char})`)
+    .map((char, index) => (index === 0 ? char : `[^${char}]{0,2}${char}`)) // Allow at most 2 non-matching chars between each
     .join("");
 
   const regex = new RegExp(regexPattern, "i"); // 'i' flag for case-insensitive matching