From 4ec358617352ea0834c8fb345f081ea5eafec86a Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@gmail.com>
Date: Mon, 30 Sep 2024 14:51:03 +0200
Subject: [PATCH] fix: branding customize content

---
 .../CreditNoteCustomizeGeneralFields.tsx               |  8 +++++---
 .../CreditNoteCutomizeContentFields.tsx                |  6 +++---
 .../EstimateCustomizeFieldsContent.tsx                 |  6 +++---
 .../EstimateCustomizeFieldsGeneral.tsx                 | 10 ++++++----
 .../InvoiceCustomize/InvoiceCustomizeGeneralFields.tsx |  7 ++++---
 .../InvoiceCustomize/InvoiceCutomizeContentFields.tsx  |  6 +++---
 .../PaymentReceivedCustomizeFieldsContent.tsx          |  6 +++---
 .../PaymentReceivedCustomizeFieldsGeneral.tsx          |  9 ++++++---
 .../ReceiptCustomize/ReceiptCustomizeFieldsContent.tsx |  6 +++---
 .../ReceiptCustomize/ReceiptCustomizeFieldsGeneral.tsx |  8 +++++---
 10 files changed, 41 insertions(+), 31 deletions(-)

diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeGeneralFields.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeGeneralFields.tsx
index 79a7c9f9d..337a870d1 100644
--- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeGeneralFields.tsx
+++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeGeneralFields.tsx
@@ -18,10 +18,12 @@ export function CreditNoteCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Set your company logo and branding colors to be automatically applied
+          to your credit notes.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCutomizeContentFields.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCutomizeContentFields.tsx
index 923b59098..117fe2aed 100644
--- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCutomizeContentFields.tsx
+++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCutomizeContentFields.tsx
@@ -14,10 +14,10 @@ export function CreditNoteCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>General Branding</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Customize your credit note by editing the items label or hiding some
+          items to match your needs.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsContent.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsContent.tsx
index 3acec44a7..c3ef3df5e 100644
--- a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsContent.tsx
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsContent.tsx
@@ -11,10 +11,10 @@ export function EstimateCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>Estimate Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every time
you
-          create a new invoice.
+          Customize your estimate by editing the items label or hiding some
+          items to match your needs.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsGeneral.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsGeneral.tsx
index 8b859392d..6163ea491 100644
--- a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsGeneral.tsx
+++ b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsGeneral.tsx
@@ -18,10 +18,12 @@ export function EstimateCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Set your company logo and branding colors to be automatically applied
+          to your estimates.
         </p>
       </Stack>
 
@@ -38,7 +40,7 @@ export function EstimateCustomizeGeneralField() {
       <Overlay visible={!isTemplateNameFilled}>
         <Stack spacing={0}>
           <FFormGroup
-            name={'primaryColor'}
+            name={'primaryColor'} 
             label={'Primary Color'}
             style={{ justifyContent: 'space-between' }}
             inline
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeGeneralFields.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeGeneralFields.tsx
index e31c41e09..a6a8d46f2 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeGeneralFields.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeGeneralFields.tsx
@@ -24,10 +24,11 @@ export function InvoiceCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Set your company logo and branding colors to be automatically applied to your invoices.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCutomizeContentFields.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCutomizeContentFields.tsx
index 2bb666d80..4c2e72241 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCutomizeContentFields.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCutomizeContentFields.tsx
@@ -14,10 +14,10 @@ export function InvoiceCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>Invoice Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Customize your invoice by editing the items label or hiding some items
+          to match your needs.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsContent.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsContent.tsx
index fd284f437..7b760fe5a 100644
--- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsContent.tsx
+++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsContent.tsx
@@ -14,10 +14,10 @@ export function PaymentReceivedCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 500 }}>Payment Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Customize your payment receipt by editing the items label or hiding
+          some items to match your needs.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsGeneral.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsGeneral.tsx
index 09217cb05..62d860fad 100644
--- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsGeneral.tsx
+++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsGeneral.tsx
@@ -18,10 +18,13 @@ export function PaymentReceivedCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
+
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Set your company logo and branding colors to be automatically applied
+          to your payment receipts.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsContent.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsContent.tsx
index f7107e20b..b79504fbb 100644
--- a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsContent.tsx
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsContent.tsx
@@ -14,10 +14,10 @@ export function ReceiptCustomizeFieldsContent() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>Receipt Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Customize your receipt by editing the items label or hiding some items
+          to match your needs.
         </p>
       </Stack>
 
diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsGeneral.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsGeneral.tsx
index 4e9e21993..8bd550856 100644
--- a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsGeneral.tsx
+++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsGeneral.tsx
@@ -18,10 +18,12 @@ export function ReceiptCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
-          create a new invoice.
+          Set your company logo and branding colors to be automatically applied
+          to your receipts.
         </p>
       </Stack>