Agreement modal text customized
Questions:
N/D
Technical Refinement
Description
intl-whitelabel-cms
Task 1—Create
Feature Account Updated Agreements
pagepath:
intl-whitelabel-cms/schemas/features/documents/accountUpdateAgreement.tsx
Example:
export default { title: 'Feature Account Updated Agreements', name: 'featureAccountUpdatedAgreements', type: 'document', /** * Prevent creation or deletion of featureAccountUpdatedAgreements documents. * See deskStructure.js to find singleton instance. * https://www.sanity.io/docs/structure-builder-typical-use-cases#singletons-and-one-of-documents-c22ce054acba */ __experimental_actions: ['update', 'publish', 'create'], __experimental_search: [], fields: [ { title: 'Update Agreement Text', name: 'updateAgreementText', type: 'localeBlockContent', validation: (Rule: any) => Rule.required(), }, { title: 'Marketing Communication Text', name: 'marketingCommunicationText', type: 'localeBlockContent', validation: (Rule: any) => Rule.required(), }, ], preview: { prepare: () => ({ title: 'Feature Account Updated Agreements' }), }, };
On file:
rbi-whitelabel-cms/desk-structure/marketing-content.ts
, we will add the page created previously:S.listItem() .title('Feature Account Updated Agreements') .child( S.document() .schemaType('featureAccountUpdatedAgreements') .documentId('feature-account-updated-agreements'), ),
intl-whitelabel-app
Task 2—Create a feature flag
Example:
enable-acceptance-agreements-description-from-sanity
Task 3—Create query on graphql
path:
intl-whitelabel-app/workspaces/frontend/src/queries/sanity/feature-account-updated-agreements.graphql
Example:
On file:
intl-whitelabel-app/workspaces/frontend/src/queries/sanity/all-feature-ids.graphql
, we will add the query created on the end file:Example:
After that, we will run:
On file:
intl-whitelabel-app/workspaces/frontend/src/generated/sanity-graphql.tsx
andintl-whitelabel-app/workspaces/frontend/src/state/graphql/sanity-fragments.json
will be many changes, but we can to discard all, except of change locally in the interfaceFeatureAccountUpdatedAgreements
:
On file:
intl-whitelabel-app/workspaces/frontend/src/state/features/index.tsx
, we will add the attribute on interfaceIFeatureIds
Example:
On the same file, we will add the attribute on
return
Example:
Task 4—Create hook to get information from sanity
We will create the hook file and a type file
path:
intl-whitelabel-app/workspaces/frontend/src/hooks/use-feature-account-updated-agreements/use-feature-account-updated-agreements.ts
Example:
path:
intl-whitelabel-app/workspaces/frontend/src/hooks/use-feature-account-updated-agreements/type.ts
Example:
Task 5—Change the labels from lokalise to sanity labels
path:
intl-whitelabel-app/workspaces/frontend/src/components/modal-agreement/index.tsx
Example:
Using the
featureAccountUpdatedAgreements
constant, we will change the checkbox labelExample for agreements:
Example for marketing email:
Screenshots
N/D
POC
N/D
Impact Analysis
Modal Acceptance Agreements
Dependencies
N/D
Unit Test
N/D
Useful Links
N/D