From c71cf5cf6a367843510f3393eccfd05a5cd5ecd6 Mon Sep 17 00:00:00 2001
From: Courtney Myers <courtney.myers@erg.com>
Date: Tue, 28 Jan 2025 14:45:35 -0500
Subject: [PATCH] Update FRF components to use updated 'tw:' prefix

---
 app/client/src/routes/frf2022.tsx | 26 +++++++++++++-------------
 app/client/src/routes/frf2023.tsx | 26 +++++++++++++-------------
 app/client/src/routes/frf2024.tsx | 26 +++++++++++++-------------
 3 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/app/client/src/routes/frf2022.tsx b/app/client/src/routes/frf2022.tsx
index cfbaa797..1b262cf7 100644
--- a/app/client/src/routes/frf2022.tsx
+++ b/app/client/src/routes/frf2022.tsx
@@ -268,11 +268,11 @@ function FundingRequestForm(props: { email: string }) {
             body: (
               <>
                 <p
-                  className={clsx("tw-text-sm tw-font-medium tw-text-gray-900")}
+                  className={clsx("tw:text-sm tw:font-medium tw:text-gray-900")}
                 >
                   Error deleting Payment Request <em>{rebate.rebateId}</em>.
                 </p>
-                <p className={clsx("tw-mt-1 tw-text-sm tw-text-gray-500")}>
+                <p className={clsx("tw:mt-1 tw:text-sm tw:text-gray-500")}>
                   Please notify the helpdesk that a problem exists preventing
                   the deletion of Payment Request form submission{" "}
                   <em>{rebate.rebateId}</em>.
@@ -289,7 +289,7 @@ function FundingRequestForm(props: { email: string }) {
         displayInfoNotification({
           id: Date.now(),
           body: (
-            <p className={clsx("tw-text-sm tw-font-medium tw-text-gray-900")}>
+            <p className={clsx("tw:text-sm tw:font-medium tw:text-gray-900")}>
               Deleting Payment Request <em>{rebate.rebateId}</em>...
             </p>
           ),
@@ -312,12 +312,12 @@ function FundingRequestForm(props: { email: string }) {
                 <>
                   <p
                     className={clsx(
-                      "tw-text-sm tw-font-medium tw-text-gray-900",
+                      "tw:text-sm tw:font-medium tw:text-gray-900",
                     )}
                   >
                     Error deleting Payment Request <em>{rebate.rebateId}</em>.
                   </p>
-                  <p className={clsx("tw-mt-1 tw-text-sm tw-text-gray-500")}>
+                  <p className={clsx("tw:mt-1 tw:text-sm tw:text-gray-500")}>
                     Please reload the page to attempt the deletion again, or
                     contact the helpdesk if the problem persists.
                   </p>
@@ -422,16 +422,16 @@ function FundingRequestForm(props: { email: string }) {
       </p>
 
       <Dialog as="div" open={dataIsPosting.current} onClose={(_value) => {}}>
-        <div className={clsx("tw-fixed tw-inset-0 tw-bg-black/30")} />
-        <div className={clsx("tw-fixed tw-inset-0 tw-z-20")}>
+        <div className={clsx("tw:fixed tw:inset-0 tw:bg-black/30")} />
+        <div className={clsx("tw:fixed tw:inset-0 tw:z-20")}>
           <div
             className={clsx(
-              "tw-flex tw-min-h-full tw-items-center tw-justify-center",
+              "tw:flex tw:min-h-full tw:items-center tw:justify-center",
             )}
           >
             <Dialog.Panel
               className={clsx(
-                "tw-rounded-lg tw-bg-white tw-px-4 tw-pb-4 tw-shadow-xl",
+                "tw:rounded-lg tw:bg-white tw:px-4 tw:pb-4 tw:shadow-xl",
               )}
             >
               <Loading />
@@ -505,7 +505,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       {onSubmitSubmission.state === "submitted" ? (
@@ -537,7 +537,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       {onSubmitSubmission.state === "submitted" ? (
@@ -610,7 +610,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       Draft saved successfully.
@@ -626,7 +626,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       Error saving draft.
diff --git a/app/client/src/routes/frf2023.tsx b/app/client/src/routes/frf2023.tsx
index 3c475b5b..f6bf6042 100644
--- a/app/client/src/routes/frf2023.tsx
+++ b/app/client/src/routes/frf2023.tsx
@@ -254,11 +254,11 @@ function FundingRequestForm(props: { email: string }) {
             body: (
               <>
                 <p
-                  className={clsx("tw-text-sm tw-font-medium tw-text-gray-900")}
+                  className={clsx("tw:text-sm tw:font-medium tw:text-gray-900")}
                 >
                   Error deleting Payment Request <em>{rebate.rebateId}</em>.
                 </p>
-                <p className={clsx("tw-mt-1 tw-text-sm tw-text-gray-500")}>
+                <p className={clsx("tw:mt-1 tw:text-sm tw:text-gray-500")}>
                   Please notify the helpdesk that a problem exists preventing
                   the deletion of Payment Request form submission{" "}
                   <em>{rebate.rebateId}</em>.
@@ -275,7 +275,7 @@ function FundingRequestForm(props: { email: string }) {
         displayInfoNotification({
           id: Date.now(),
           body: (
-            <p className={clsx("tw-text-sm tw-font-medium tw-text-gray-900")}>
+            <p className={clsx("tw:text-sm tw:font-medium tw:text-gray-900")}>
               Deleting Payment Request <em>{rebate.rebateId}</em>...
             </p>
           ),
@@ -298,12 +298,12 @@ function FundingRequestForm(props: { email: string }) {
                 <>
                   <p
                     className={clsx(
-                      "tw-text-sm tw-font-medium tw-text-gray-900",
+                      "tw:text-sm tw:font-medium tw:text-gray-900",
                     )}
                   >
                     Error deleting Payment Request <em>{rebate.rebateId}</em>.
                   </p>
-                  <p className={clsx("tw-mt-1 tw-text-sm tw-text-gray-500")}>
+                  <p className={clsx("tw:mt-1 tw:text-sm tw:text-gray-500")}>
                     Please reload the page to attempt the deletion again, or
                     contact the helpdesk if the problem persists.
                   </p>
@@ -408,16 +408,16 @@ function FundingRequestForm(props: { email: string }) {
       </p>
 
       <Dialog as="div" open={dataIsPosting.current} onClose={(_value) => {}}>
-        <div className={clsx("tw-fixed tw-inset-0 tw-bg-black/30")} />
-        <div className={clsx("tw-fixed tw-inset-0 tw-z-20")}>
+        <div className={clsx("tw:fixed tw:inset-0 tw:bg-black/30")} />
+        <div className={clsx("tw:fixed tw:inset-0 tw:z-20")}>
           <div
             className={clsx(
-              "tw-flex tw-min-h-full tw-items-center tw-justify-center",
+              "tw:flex tw:min-h-full tw:items-center tw:justify-center",
             )}
           >
             <Dialog.Panel
               className={clsx(
-                "tw-rounded-lg tw-bg-white tw-px-4 tw-pb-4 tw-shadow-xl",
+                "tw:rounded-lg tw:bg-white tw:px-4 tw:pb-4 tw:shadow-xl",
               )}
             >
               <Loading />
@@ -481,7 +481,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       {onSubmitSubmission.state === "submitted" ? (
@@ -513,7 +513,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       {onSubmitSubmission.state === "submitted" ? (
@@ -577,7 +577,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       Draft saved successfully.
@@ -593,7 +593,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       Error saving draft.
diff --git a/app/client/src/routes/frf2024.tsx b/app/client/src/routes/frf2024.tsx
index dedac67c..203c2313 100644
--- a/app/client/src/routes/frf2024.tsx
+++ b/app/client/src/routes/frf2024.tsx
@@ -254,11 +254,11 @@ function FundingRequestForm(props: { email: string }) {
             body: (
               <>
                 <p
-                  className={clsx("tw-text-sm tw-font-medium tw-text-gray-900")}
+                  className={clsx("tw:text-sm tw:font-medium tw:text-gray-900")}
                 >
                   Error deleting Payment Request <em>{rebate.rebateId}</em>.
                 </p>
-                <p className={clsx("tw-mt-1 tw-text-sm tw-text-gray-500")}>
+                <p className={clsx("tw:mt-1 tw:text-sm tw:text-gray-500")}>
                   Please notify the helpdesk that a problem exists preventing
                   the deletion of Payment Request form submission{" "}
                   <em>{rebate.rebateId}</em>.
@@ -275,7 +275,7 @@ function FundingRequestForm(props: { email: string }) {
         displayInfoNotification({
           id: Date.now(),
           body: (
-            <p className={clsx("tw-text-sm tw-font-medium tw-text-gray-900")}>
+            <p className={clsx("tw:text-sm tw:font-medium tw:text-gray-900")}>
               Deleting Payment Request <em>{rebate.rebateId}</em>...
             </p>
           ),
@@ -298,12 +298,12 @@ function FundingRequestForm(props: { email: string }) {
                 <>
                   <p
                     className={clsx(
-                      "tw-text-sm tw-font-medium tw-text-gray-900",
+                      "tw:text-sm tw:font-medium tw:text-gray-900",
                     )}
                   >
                     Error deleting Payment Request <em>{rebate.rebateId}</em>.
                   </p>
-                  <p className={clsx("tw-mt-1 tw-text-sm tw-text-gray-500")}>
+                  <p className={clsx("tw:mt-1 tw:text-sm tw:text-gray-500")}>
                     Please reload the page to attempt the deletion again, or
                     contact the helpdesk if the problem persists.
                   </p>
@@ -408,16 +408,16 @@ function FundingRequestForm(props: { email: string }) {
       </p>
 
       <Dialog as="div" open={dataIsPosting.current} onClose={(_value) => {}}>
-        <div className={clsx("tw-fixed tw-inset-0 tw-bg-black/30")} />
-        <div className={clsx("tw-fixed tw-inset-0 tw-z-20")}>
+        <div className={clsx("tw:fixed tw:inset-0 tw:bg-black/30")} />
+        <div className={clsx("tw:fixed tw:inset-0 tw:z-20")}>
           <div
             className={clsx(
-              "tw-flex tw-min-h-full tw-items-center tw-justify-center",
+              "tw:flex tw:min-h-full tw:items-center tw:justify-center",
             )}
           >
             <Dialog.Panel
               className={clsx(
-                "tw-rounded-lg tw-bg-white tw-px-4 tw-pb-4 tw-shadow-xl",
+                "tw:rounded-lg tw:bg-white tw:px-4 tw:pb-4 tw:shadow-xl",
               )}
             >
               <Loading />
@@ -481,7 +481,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       {onSubmitSubmission.state === "submitted" ? (
@@ -513,7 +513,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       {onSubmitSubmission.state === "submitted" ? (
@@ -577,7 +577,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       Draft saved successfully.
@@ -593,7 +593,7 @@ function FundingRequestForm(props: { email: string }) {
                   body: (
                     <p
                       className={clsx(
-                        "tw-text-sm tw-font-medium tw-text-gray-900",
+                        "tw:text-sm tw:font-medium tw:text-gray-900",
                       )}
                     >
                       Error saving draft.