Merge pull request #119 from townhallproject/feature/food-resources

updating banner text and adding more translations
groundgamela · Feb 5, 2021 · bce4ef8 · bce4ef8
2 parents 99bebcd + 0963111
commit bce4ef8
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 15 deletions.
diff --git a/src/components/Banner/index.jsx b/src/components/Banner/index.jsx
@@ -1,17 +1,20 @@
 import React from 'react';
+
 import './style.scss';
 
 export default function Banner(){
 
   return (
-  <div className="banner">
-    <h3>
-    Organizing a mutual aid effort in your community? Join fellow organizers around the country for our weekly Best Practice sharing calls.  
-      <a target="blank" href="https://docs.google.com/forms/d/e/1FAIpQLSc0JyNonD-tUIR3KglFWMiaPe2RqPG0NJ2FeQTST7EzyCW6eA/viewform"> Sign up here.</a>
-    </h3>
-
-
-  </div>
+    <div className="banner">
+      <h3>
+        Mutual aid is keeping communities afloat. Find a network near you and
+        give what you can:{" "}
+        <a target="blank" href="https://www.supportmutualaid.org/">
+          {" "}
+          Support Mutual Aid
+        </a>
+      </h3>
+    </div>
   );
 };
 
diff --git a/src/components/FoodResourcesTable/index.jsx b/src/components/FoodResourcesTable/index.jsx
@@ -48,10 +48,10 @@ const FoodResourcesTable = ({ resources, siteLanguage }) => {
           size="small"
           style={{ width: 90, marginRight: 8 }}
         >
-          Search
+          {translations.search[siteLanguage]}
         </Button>
         <Button onClick={clearFilters} size="small" style={{ width: 90 }}>
-          Reset
+          {translations.search[siteLanguage]}
         </Button>
       </div>
     ),
@@ -67,7 +67,7 @@ const FoodResourcesTable = ({ resources, siteLanguage }) => {
 
   const tableColumns = [
     {
-      title: "Title",
+      title: translations.title[siteLanguage],
       width: "10vw",
       fixed: "left",
       dataIndex: "title",
@@ -87,15 +87,15 @@ const FoodResourcesTable = ({ resources, siteLanguage }) => {
       render: (text) => text,
     },
     {
-      title: "Address",
+      title: translations.address[siteLanguage],
       width: "15vw",
       dataIndex: "address",
       key: "address",
       ...getColumnSearchProps("address", "addresses"),
       render: (text) => text,
     },
     {
-      title: "Hours",
+      title: translations.hours[siteLanguage],
       width: "10vw",
       dataIndex: "hours",
       key: "hours",
@@ -124,7 +124,7 @@ const FoodResourcesTable = ({ resources, siteLanguage }) => {
       ),
     },
     {
-      title: "Contact",
+      title: translations.contact[siteLanguage],
       width: "7vw",
       dataIndex: "contact",
       key: "contact",

diff --git a/src/components/FoodResourcesTable/language.js b/src/components/FoodResourcesTable/language.js
@@ -3,6 +3,22 @@ export const translations = {
     english: 'Search',
     spansih: 'Buscar'
   },
+  title: {
+    english: 'Title',
+    spanish: 'Encabezamiento',
+  },
+  address: {
+    english: 'Address',
+    spanish: 'Dirección',
+  },
+  hours: {
+    english: 'Hours',
+    spanish: 'Horas',
+  },
+  contact: {
+    english: 'Contact',
+    spanish: 'Contacto',
+  },
   reset: {
     english: 'Reset',
     spanish: 'Reiniciar'
@@ -19,4 +35,4 @@ export const translations = {
     english: 'Resources',
     spanish: 'Recursos'
   }
-}
+}