How to use the i18n/Translate function in i18n

sessionName: null,
  rename: noop,
  strings: {
    optionsTab: {
      input: 'Enter a name for your session',
    },
    defaultSessionName: 'My Retrospective',
  },
};

const decorators = flow([
  connect(
    stateToProps,
    actionsToProps,
  ),
  translate('Join'),
  translate('SessionName'),
]);

export default decorators(SessionName);

strings: {
    inviteButton: 'Invite',
    dialog: {
      title: 'Invite people to your retrospective',
      text: 'To invite people to your retrospected session, simply send them ' + 'the following URL',
      copyButton: 'Copy URL to Clipboard',
    },
  },
};

const decorators = flow([
  connect(
    stateToProps,
    actionsToProps,
  ),
  translate('Invite'),
]);

export default decorators(Invite);

strings: PropTypes.object,
};

LeaveButton.defaultProps = {
  onClick: noop,
  strings: {
    leave: 'Leave',
  },
};

const decorators = flow([
  connect(
    null,
    actionsToProps,
  ),
  translate('Header'),
]);

export default decorators(LeaveButton);

);

Clients.propTypes = {
  clients: PropTypes.array,
  strings: PropTypes.object,
};

Clients.defaultProps = {
  clients: [],
  strings: {
    header: 'Kindly joining us right now:',
  },
};

const decorators = flow([connect(stateToProps), translate('Clients')]);

export default decorators(Clients);

strings: PropTypes.object,
};

LogoutButton.defaultProps = {
  onClick: noop,
  strings: {
    logout: 'Logout',
  },
};

const decorators = flow([
  connect(
    null,
    actionsToProps,
  ),
  translate('Header'),
]);

export default decorators(LogoutButton);

SummaryBoard.defaultProps = {
  wellPosts: [],
  notWellPosts: [],
  ideasPosts: [],
  strings: {
    notWellQuestion: 'What could be improved?',
    wellQuestion: 'What went well?',
    ideasQuestion: 'A brilliant idea to share?',
    vote: 'vote',
    votes: 'votes',
    noPosts: 'There are no posts to display',
  },
};

const decorators = flow([connect(stateToProps), translate('PostBoard'), translate('SummaryBoard'), translate('Post')]);

export default decorators(SummaryBoard);

session: PropTypes.object.isRequired,
  languageInfo: PropTypes.object,
  strings: PropTypes.object,
  onClick: PropTypes.func,
};

SessionTile.defaultProps = {
  session: null,
  languageInfo: null,
  onClick: noop,
  strings: {
    defaultSessionName: 'My Retrospective',
  },
};

const decorators = flow([connect(stateToProps), translate('SessionName')]);

export default decorators(SessionTile);

};

SummaryModeSwitch.defaultProps = {
  enabled: false,
  onChange: noop,
  strings: {
    summaryMode: 'Summary Mode',
  },
};

const decorators = flow([
  connect(
    stateToProps,
    actionsToProps,
  ),
  translate('Header'),
]);

export default decorators(SummaryModeSwitch);

OpenDrawerButton.propTypes = {
  displayDrawerButton: PropTypes.bool,
  onClick: PropTypes.func,
};

OpenDrawerButton.defaultProps = {
  displayDrawerButton: false,
  onClick: noop,
};

const decorators = flow([
  connect(
    stateToProps,
    actionsToProps,
  ),
  translate('Header'),
]);

export default decorators(OpenDrawerButton);

like: noop,
  unlike: noop,
  edit: noop,
  strings: {
    notWellQuestion: 'What could be improved?',
    wellQuestion: 'What went well?',
    ideasQuestion: 'A brilliant idea to share?',
  },
};

const decorators = flow([
  connect(
    stateToProps,
    actionsToProps,
  ),
  translate('PostBoard'),
]);

export default decorators(PostBoard);