How to use the decentraland-dapps/dist/modules/translation/utils.t function in decentraland-dapps

renderLogin() {
    return (
      <>
        
        
          
            <button>
              {t('asset_pack.login.action')}
            </button>
          
        
      
    )
  }

renderHold() {
    return (
      <span>
        {t('shortcuts.hold')}
      </span>
    )
  }
}

export function getTemplates(): Template[] {
  return [
    {
      title: t('templates.small'),
      description: t('templates.description', { dimensions: getDimensions(1, 1), amount: 20 }),
      thumbnail: 'thumb-1x1',
      rows: 1,
      cols: 1
    },
    {
      title: t('templates.medium'),
      description: t('templates.description', { dimensions: getDimensions(2, 2), amount: 80 }),
      thumbnail: 'thumb-2x2',
      rows: 2,
      cols: 2
    },
    {
      title: t('templates.big'),
      description: t('templates.description', { dimensions: getDimensions(2, 3), amount: 120 }),
      thumbnail: 'thumb-2x3',

const getCategoryTitles = (): Record => ({
  editor: t('shortcuts_modal.editor_shortcuts'),
  item: t('shortcuts_modal.item_shortcuts'),
  other: t('shortcuts_modal.other_shortcuts')
})

renderChoiceForm = () => {
    const { name } = this.props

    return (
      
        <div>
          <div>
            
          </div>
          <header size="large">
            {t('deployment_modal.title')}
          </header>
          <p>{t('deployment_modal.description')}</p>
          <div>
            <div>
              <div>
              <span>{t('deployment_modal.option_pool.title')}</span>
              <span>{t('deployment_modal.option_pool.description')}</span>
              <button size="small">
                {t('deployment_modal.option_pool.action')}
              </button>
            </div>
            <div>
              <div>
              <span>{t('deployment_modal.option_land.title')}</span>
              <span>{t('deployment_modal.option_land.description')}</span>
              <button size="small"></button></div></div></div></div></div>

value={asset.name}
            onChange={this.handleChangeName}
            error={!!errors.name}
            message={errors.name}
          />
          
          
          
        
      
    )
  }
}

return (
      <div>
        <div>
          <img src="{asset.thumbnail}">
          <span>
            
            {asset.metrics.triangles} {t('metrics.triangles')}
          </span>
          <span>
            
            {asset.metrics.textures} {t('metrics.textures')}
          </span>
          <span>
            
            {asset.metrics.materials} {t('metrics.materials')}
          </span>
        </div>
        <div>
          
          </div></div>

return (
      
        {t('templates.custom_layout.title')}
        
          <p>{t('custom_layout_modal.subtitle_one')}</p>
          <p>{t('custom_layout_modal.subtitle_two')}</p>
        
        
          
        
        
          <button>
            {t('global.cancel')}
          </button>
          <button disabled="{hasError}">
            {t('global.create')}
          </button>
        
      
    )
  }
}

render() {
    const { email, isLoading, hasMobileEmail } = this.props

    return (
      
        {t('home_page.title')}
        
          <span>
            
          </span>
        
        
          {isMobile().any ? (
            <form>
              <p>{t('mobile_page.message')}</p>

              {!hasMobileEmail ? (
                <div>
                  
                  <button disabled="{isLoading}" size="medium">
                    {t('global.sign_up')}
                  </button>
                </div></form>

<div>
          {assets.length &gt; 1 &amp;&amp; (
            <div>
              <button disabled="{isFirst}">
              <span>
                {currentAsset + 1}/{assets.length}
              </span>
              </button><button disabled="{isLast}">
            </button></div>
          )}

          <button disabled="{isSubmitDisabled}">
            {isEditing &amp;&amp; t('global.save')}
            {!isEditing &amp;&amp; (isLast ? t('asset_pack.edit_asset.action') : t('asset_pack.edit_asset.action_skip'))}
          </button>
        </div>
      
    )
  }
}