Summary translations for Tables in Collection, CollectionList, and SketchList (#1600)

* Summary translations for Collection, CollectionList, and SketchList
* Fixes missing translation Toolbar by

Author: oruburos

client/modules/IDE/components/CollectionList/CollectionList.jsx

@@ -140,7 +140,7 @@ class CollectionList extends React.Component {
         {this._renderLoader()}
         {this._renderEmptyTable()}
         {this.hasCollections() &&
-          <table className="sketches-table" summary="table containing all collections">
+          <table className="sketches-table" summary={this.props.t('CollectionList.TableSummary')}>
             <thead>
               <tr>
                 {this._renderFieldHeader('name', this.props.t('CollectionList.HeaderName'))}

client/modules/IDE/components/SketchList.jsx

@@ -433,7 +433,7 @@ class SketchList extends React.Component {
         {this._renderLoader()}
         {this._renderEmptyTable()}
         {this.hasSketches() &&
-          <table className="sketches-table" summary="table containing all saved projects">
+          <table className="sketches-table" summary={this.props.t('SketchList.TableSummary')}>
             <thead>
               <tr>
                 {this._renderFieldHeader('name', this.props.t('SketchList.HeaderName'))}

client/modules/IDE/components/Toolbar.jsx

@@ -156,7 +156,7 @@ class Toolbar extends React.Component {
             if (this.props.owner) {
               return (
                 <p className="toolbar__project-owner">
-                  by <Link to={`/${this.props.owner.username}/sketches`}>{this.props.owner.username}</Link>
+                  {this.props.t('Toolbar.By')} <Link to={`/${this.props.owner.username}/sketches`}>{this.props.owner.username}</Link>
                 </p>
               );
             }

client/modules/User/components/Collection.jsx

@@ -371,7 +371,7 @@ class Collection extends React.Component {
             <div className="collection-table-wrapper">
               {this._renderEmptyTable()}
               {this.hasCollectionItems() &&
-                <table className="sketches-table" summary="table containing all collections">
+                <table className="sketches-table" summary={this.props.t('Collection.TableSummary')}>
                   <thead>
                     <tr>
                       {this._renderFieldHeader('name', this.props.t('Collection.HeaderName'))}

translations/locales/en-US/translations.json

@@ -99,7 +99,8 @@
     "PlayOnlyVisualSketchARIA": "Play only visual sketch",
     "StopSketchARIA": "Stop sketch",
     "EditSketchARIA": "Edit sketch name",
-    "NewSketchNameARIA": "New sketch name"
+    "NewSketchNameARIA": "New sketch name",
+    "By": " by "
   },
   "Console": {
     "Title": "Console",
@@ -407,6 +408,7 @@
     "NumSketches_plural": "{{count}} sketches",
     "By":"Collection by ",
     "NoSketches": "No sketches in collection",
+    "TableSummary": "table containing all collections",
     "HeaderName": "Name",
     "HeaderCreatedAt": "Date Added",
     "HeaderUser": "Owner",
@@ -445,6 +447,7 @@
     "Title": "p5.js Web Editor | My collections",
     "AnothersTitle": "p5.js Web Editor | {{anotheruser}}'s collections",
     "NoCollections": "No collections.",
+    "TableSummary": "table containing all collections",
     "HeaderName": "Name",
     "HeaderCreatedAt": "Date Created",
     "HeaderCreatedAt_mobile": "Created",
@@ -487,6 +490,7 @@
     "ButtonLabelAscendingARIA": "Sort by {{displayName}} ascending.",
     "ButtonLabelDescendingARIA": "Sort by {{displayName}} descending.",
     "AddToCollectionOverlayTitle": "Add to collection",
+    "TableSummary": "table containing all saved projects",
     "HeaderName": "Sketch",
     "HeaderCreatedAt": "Date Created",
     "HeaderCreatedAt_mobile": "Created",

translations/locales/es-419/translations.json

@@ -99,7 +99,8 @@
     "PlayOnlyVisualSketchARIA": "Ejecutar bosquejo visual",
     "StopSketchARIA": "Detener bosquejo",
     "EditSketchARIA": "Editar nombre de bosquejo",
-    "NewSketchNameARIA": "Nuevo nombre de bosquejo"
+    "NewSketchNameARIA": "Nuevo nombre de bosquejo",
+    "By": " de "
   },
   "Console": {
     "Title": "Consola",
@@ -407,6 +408,7 @@
     "NumSketches_plural": "{{count}} bosquejos",
     "By":"Colección por ",
     "NoSketches": "No hay bosquejos en la colección",
+    "TableSummary": "tabla que contiene todas las colecciones",
     "HeaderName": "Nombre",
     "HeaderCreatedAt": "Fecha de agregación",
     "HeaderUser": "Propietario",
@@ -445,6 +447,7 @@
     "Title": "p5.js Web Editor | Mis colecciones",
     "AnothersTitle": "Editor Web p5.js | Colecciones de {{anotheruser}}",
     "NoCollections": "No hay colecciones.",
+    "TableSummary": "la tabla contiene todas las colecciones",
     "HeaderName": "Nombre",
     "HeaderCreatedAt": "Fecha Creación",
     "HeaderCreatedAt_mobile": "Creación",
@@ -487,6 +490,7 @@
     "ButtonLabelAscendingARIA": "Ordenar por {{displayName}} ascendente.",
     "ButtonLabelDescendingARIA": "Ordenar por {{displayName}} descendente.",
     "AddToCollectionOverlayTitle": "Agregar a colección",
+    "TableSummary": "la tabla contiene todos los proyectos guardados",
     "HeaderName": "Bosquejo",
     "HeaderCreatedAt": "Fecha Creación",
     "HeaderCreatedAt_mobile": "Creación",