chore: Intacct connector page info box for fyle theme (#991)

fylein · Oct 1, 2024 · 9981888 · 9981888
1 parent c757aaf
commit 9981888
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/src/app/branding/c1-contents-config.ts b/src/app/branding/c1-contents-config.ts
@@ -183,7 +183,8 @@ export const c1Contents = {
             connector: {
                 stepName: 'Connect to Sage Intacct',
                 subLabel: 'Provide your credentials to establish a secure connection between your Expense Management and Sage Intacct account. ',
-                locationSubLabel: 'Expenses will be posted to the Sage Intacct location entity selected here. You can\'t change the location entity once they\'re configured.'
+                locationSubLabel: 'Expenses will be posted to the Sage Intacct location entity selected here. You can\'t change the location entity once they\'re configured.',
+                connectorInfoLabel: 'Make sure you’re entering your integration credentials. These should be different than your Sage Intacct credentials.'
             },
             exportSetting: {
                 stepName: 'Export settings',

diff --git a/src/app/branding/fyle-contents-config.ts b/src/app/branding/fyle-contents-config.ts
@@ -183,7 +183,8 @@ export const fyleContents = {
             connector: {
                 stepName: 'Connect to Sage Intacct',
                 locationSubLabel: 'Expenses will be posted to the Sage Intacct Location entity selected here. Once configured, you can not change ' + brandingConfig.brandName + ' Organization or Location Entity.',
-                subLabel: 'To connect your ' + brandingConfig.brandName + ' and Sage Intacct account, follow the detailed instructions provided in the article to generate the credentials and establish a secure connection.'
+                subLabel: 'To connect your ' + brandingConfig.brandName + ' and Sage Intacct account, follow the detailed instructions provided in the article to generate the credentials and establish a secure connection.',
+                connectorInfoLabel: 'Please use the integration credentials you received via email. These are different from the ones you use to login to your Sage Intacct account.'
             },
             exportSetting: {
                 stepName: 'Export Settings',

diff --git a/src/app/core/models/branding/content-configuration.model.ts b/src/app/core/models/branding/content-configuration.model.ts
@@ -179,7 +179,8 @@ export type ContentConfiguration = {
                 connector: {
                     stepName: string;
                     subLabel: string;
-                    locationSubLabel: string
+                    locationSubLabel: string;
+                    connectorInfoLabel: string;
                 },
                 exportSetting: {
                     stepName: string;

diff --git a/src/app/shared/components/si/core/intacct-connector/intacct-connector.component.html b/src/app/shared/components/si/core/intacct-connector/intacct-connector.component.html
@@ -34,11 +34,16 @@
                   Incorrect {{brandingContent.intacct.common.password}}. Enter correct {{brandingContent.intacct.common.password}}.
                 </div>
              </div>
-             <div *ngIf="brandingConfig.brandId === 'co'" class="tw-w-400-px tw-py-8-px tw-px-16-px tw-bg-bg-tertiary-lighter tw-border tw-border-separator tw-rounded-6-px">
+             <div *ngIf="brandingConfig.brandId === 'co'" class="tw-w-400-px tw-py-8-px tw-px-16-px tw-rounded-6-px tw-bg-bg-tertiary-lighter tw-border tw-border-separator">
               <p class="tw-text-14-px tw-text-text-primary">
-                  Make sure you’re entering your integration credentials. These should be different than your Sage Intacct credentials.
+                  {{brandingContent.intacct.configuration.connector.connectorInfoLabel}}
               </p>
             </div>
+            <div *ngIf="brandingConfig.brandId !== 'co'" class="tw-w-400-px">
+              <app-configuration-info-label
+                [infoText]="brandingContent.intacct.configuration.connector.connectorInfoLabel">
+              </app-configuration-info-label>
+            </div>
            </div>
          </div>
        </form>