CONTENT_MANAGEMENT.md

Instructions on Multi-Language Content Management

All the language contents are managed inside the Google Spreadsheet Desktop Wallet Language.

If you need the access, please contact: matthew.to@crypto.com or eddy.wanny@crypto.com

Content Update Guidelines & Procedure

Always add the en-US content first and then the others, as by default the en-US translation will be displayed if there are any missing contents yet to be translated.

Adding a new language

Insert a new column with a proper Language Code following ISO 639-1 & ISO 3166-2 Language Localisation Standard.

Adding new contents

Insert a new row with a variable name properly describing the nature of the content:

• e.g. send.formSend.recipientAddress.label
• In Send Page => Component FormSend => Field recipientAddress => Label

Desktop Wallet uses react-i18next library for displaying different translations. Here is an example code of the library usage:

import React from 'react';
import { useTranslation } from 'react-i18next';

export function MyComponent() {
  const [t] = useTranslation();

  return <p>{t('send.formSend.recipientAddress.label')}</p>
}

Procedure

Whenever you've modified any contents inside the Spreadsheet, you will need to do the following step properly in order to take effective:

yarn generate-i18n

i18n VSCode Extension

Reading code with raw i18n keys are hard, install i18n Ally VSCode extension for better reading experience.