amirreza.jamali/tm-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(contact-us): add customizable button text and center button content

Browse Source 
Pass `buttonText="Submit request"` prop to ContactUsForm on contact page. Enhance button styles with flexbox centering for better alignment of text and loading spinner.
This commit is contained in:
AmirReza Jamali
2025-12-01 12:59:42 +03:30
parent b502b8a5f7
commit 1204b2d3db
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(home)/contact-us/page.tsx
+1 -1
View File
@@ -39,7 +39,7 @@ const ContactUsPage = () => {
</div> </div>
<div className="flex flex-col items-center mt-16 px-8 "> <div className="flex flex-col items-center mt-16 px-8 ">
<section className="border border-gray-300 rounded-4xl w-full lg:max-w-2/3 flex flex-col items-center bg-white"> <section className="border border-gray-300 rounded-4xl w-full lg:max-w-2/3 flex flex-col items-center bg-white">
<ContactUsForm columnsPerRow={1} /> <ContactUsForm columnsPerRow={1} buttonText="Submit request"/>
</section> </section>
</div> </div>
</main> </main>
app/_contact-us/form.tsx
+1 -1
View File
@@ -144,7 +144,7 @@ const ContactUsForm = ({
}} }}
/> />
<div className={`${colSpanClass} flex justify-end`}> <div className={`${colSpanClass} flex justify-end`}>
<button className="bg-(--primary) cursor-pointer w-fit text-white rounded-full py-4 px-6"> <button className="bg-(--primary) cursor-pointer w-fit text-white rounded-full py-4 px-6 flex justify-center items-center text-center">
{isLoading ? <Loading /> : buttonText} {isLoading ? <Loading /> : buttonText}
</button> </button>
</div> </div>