Convert text for internationalization.

2020-09-05 17:27:01 -07:00
parent 6833a5bdb0
commit f0ac9b6522
36 changed files with 1091 additions and 196 deletions
--- a/components/common/ButtonGroup.js
+++ b/components/common/ButtonGroup.js
@@ -13,17 +13,20 @@ export default function ButtonGroup({
 }) {
  return (
    <div className={classNames(styles.group, className)}>
-      {items.map(item => (
-        <Button
-          key={item}
-          className={classNames(styles.button, { [styles.selected]: selectedItem === item })}
-          size={size}
-          icon={icon}
-          onClick={() => onClick(item)}
-        >
-          {item}
-        </Button>
-      ))}
+      {items.map(item => {
+        const { label, value } = item;
+        return (
+          <Button
+            key={value}
+            className={classNames(styles.button, { [styles.selected]: selectedItem === value })}
+            size={size}
+            icon={icon}
+            onClick={() => onClick(value)}
+          >
+            {label}
+          </Button>
+        );
+      })}
    </div>
  );
 }