Add description and resource count to Resources page

client/app/widgets/Resources/index.jsx

@@ -84,25 +84,33 @@ export class Resources extends React.Component<Props, State> {
     const { checkboxes } = this.state;
     const filteredResources = this.filterList(checkboxes);
     return (
-      <div className={`${css.gridThree} ${css.marginTop}`}>
-        {filteredResources.map((resource: ResourceProp) => (
-          <div className={css.gridThreeItem} key={Utils.randomString()}>
-            <Resource
-              tagged
-              tags={resource.languages.concat(resource.tags)}
-              title={resource.name}
-              link={resource.link}
-            />
-          </div>
-        ))}
-      </div>
+      <React.Fragment>
+        <center className={css.marginTop}>
+          {`${filteredResources.length} ${I18n.t('navigation.resources').toLowerCase()}`}
+        </center>
+        <div className={`${css.gridThree} ${css.marginTop}`}>
+          {filteredResources.map((resource: ResourceProp) => (
+            <div className={css.gridThreeItem} key={Utils.randomString()}>
+              <Resource
+                tagged
+                tags={resource.languages.concat(resource.tags)}
+                title={resource.name}
+                link={resource.link}
+              />
+            </div>
+          ))}
+        </div>
+      </React.Fragment>
     );
   };
 
   render() {
     const { checkboxes } = this.state;
     return (
       <React.Fragment>
+        <center className={css.marginBottom}>
+          {I18n.t('pages.resources.description')}
+        </center>
         <InputTag
           id="resourceTags"
           name="resourceTags"

config/locales/de.yml

@@ -453,7 +453,7 @@ de:
       contact: 'Kontaktiere uns'
       contact_description: '<p>Bitte %{email_link}, wenn du irgendwelche Fragen oder Anregungen hast.</p><p class="no_margin_bottom"><em>Datenschutzrichtlinie angepasst von %{jamie_king_media}.</em></p>'
     resources:
-      description: 'Willkommem zu unserer gepflegten Sammlung zum Thema geistige Gesundheit, zusammengestellt durch %{communities}, %{education}, %{hotlines} und %{services}.'
+      description: 'Dies ist unsere kuratierte Liste von Ressourcen für psychische Gesundheit, die Gemeinschaften, Bildungsinstrumente, Hotlines und Dienstleistungen umfasst.'
       communities: Communities
       education: Bildungsträger
       hotlines: Hotlines

config/locales/en.yml

@@ -446,6 +446,7 @@ en:
       contact: 'Contact Us'
       contact_description: '<p>Please %{email_link} if you have any questions or concerns.</p><p class="noMarginBottom"><em>Privacy Policy adapted from %{jamie_king_media}.</em></p>'
     resources:
+      description: 'This is our curated list of mental health resources, which includes communities, educational tools, hotlines, and services.'
       communities: Communities
       education: Education
       hotlines: Hotlines

config/locales/es.yml

@@ -446,6 +446,7 @@ es:
       contact: Contacto
       contact_description: '<p>Por favor, %{email_link} si tienes dudas, preguntas o preocupaciones.</p><p class="noMarginBottom"><em>Política de Privacidad adoptada de %{jamie_king_media}.</em></p>'
     resources:
+      description: 'Esta es nuestra lista curada de recursos de salud mental, que incluye comunidades, herramientas educativas, líneas directas y servicios.'
       communities: Comunidades
       education: Educación
       hotlines: 'Líneas de Ayuda'

config/locales/fr.yml

@@ -446,6 +446,7 @@ fr:
       contact: 'Nous contacter'
       contact_description: '<p>Merci d''envoyer vos questions et requêtes à %{email_link} .</p><p class="noMarginBottom"><em>Politique de confidentialité adaptée de %{jamie_king_media}.</em></p>'
     resources:
+      description: 'Voici notre liste de ressources en santé mentale, comprenant des communautés, des outils éducatifs, des lignes directes et des services.'
       communities: Communauté
       education: Education
       hotlines: Hotlines

config/locales/it.yml

@@ -446,6 +446,7 @@ it:
       contact: Contattaci
       contact_description: '<p>Per favore, inviaci una EMail su %{email_link} sei hai domande o c’è qualcosa che ti preoccupa.</p><p class="noMarginBottom"><em>Informativa sulla Privacy adattata da %{jamie_king_media}.</em></p>'
     resources:
+      description: 'Questa è la nostra lista curata di risorse per la salute mentale, che include comunità, strumenti educativi, hotline e servizi.'
       communities: Community
       education: Educazione
       hotlines: Numeri

config/locales/nb.yml

@@ -446,6 +446,7 @@ nb:
       contact: 'Kontakt oss'
       contact_description: '<p>Vennligst %{email_link} hvis du har noen spørsmål eller bekymringer.</p><p class="noMarginBottom"><em>Retningslinjer for personvern tilpasset fra %{jamie_king_media}.</em></p>'
     resources:
+      description: 'Dette er vår kuraterte liste over mental helse ressurser, som inkluderer lokalsamfunn, pedagogiske verktøy, hotlines og tjenester.'
       communities: Samfunn
       education: Utdanning
       hotlines: Hjelpelinjer

config/locales/nl.yml

@@ -446,6 +446,7 @@ nl:
       contact: 'Neem contact met ons op'
       contact_description: '<p>%{email_link} indien je vragen of opmerkingen hebt.</p><p class="noMarginBottom"><em>Privacy Policy gebaseerd op %{jamie_king_media}.</em></p>'
     resources:
+      description: 'Dit is onze samengestelde lijst met bronnen voor geestelijke gezondheidszorg, waaronder communities, educatieve tools, hotlines en services.'
       communities: Gemeenschappen
       education: Educatie
       hotlines: Meldpunten

config/locales/pt-BR.yml

@@ -446,6 +446,7 @@ pt-BR:
       contact: 'Entre em contato conosco'
       contact_description: '<p>Envie um email pelo endereço %{email_link} caso você tenha questionamentos ou preocupações.</p><p class="noMarginBottom"><em>Poítica de  Privacidade adaptada de %{jamie_king_media}.</em></p>'
     resources:
+      description: 'Esta é a nossa lista de recursos de saúde mental, que inclui comunidades, ferramentas educacionais, linhas diretas e serviços.'
       communities: 'Grupos Comunitários'
       education: Escolas
       hotlines: 'Denúncia Anônima'

config/locales/sv.yml

@@ -446,6 +446,7 @@ sv:
       contact: 'Kontakta Oss'
       contact_description: '<p>Vänligen %{email_link} om du har några frågor eller problem.</p><p class="noMarginBottom"><em>Sekretesspolicy anpassad från %{jamie_king_media}.</em></p>'
     resources:
+      description: 'Det här är vår kurerade lista över mentala resurser, som inkluderar samhällen, pedagogiska verktyg, hotlines och tjänster.'
       communities: Gemenskaperna
       education: Utbildning
       hotlines: Direktlinje

config/locales/vi.yml

@@ -446,6 +446,7 @@ vi:
       contact: 'Liên hệ với chúng tôi'
       contact_description: '<p>Vui lòng %{email_link} nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào.</p><p class="noMarginBottom"><em>Chính sách Bảo mật được điều chỉnh từ% {jamie_king_media}.</em></p>'
     resources:
+      description: 'Đây là danh sách các tài nguyên sức khỏe tâm thần của chúng tôi, bao gồm các cộng đồng, công cụ giáo dục, đường dây nóng và dịch vụ.'
       communities: 'Cộng đồng'
       education: 'Giáo dục'
       hotlines: 'Khẩn cấp'