From 9cfbfa3e09f8c735ee123c6d85cc9708f1422983 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Tue, 2 Nov 2021 20:33:39 -0400
Subject: [PATCH] w gender colors

---
 package.json                    | 2 +-
 src/components/ButtonSelect.tsx | 4 +++-
 src/components/VerbTable.tsx    | 7 ++-----
 src/lib/gender-colors.ts        | 6 ++++++
 src/library.ts                  | 2 ++
 5 files changed, 14 insertions(+), 7 deletions(-)
 create mode 100644 src/lib/gender-colors.ts

diff --git a/package.json b/package.json
index 6606226..53046bc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "1.3.9",
+  "version": "1.4.0",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",
diff --git a/src/components/ButtonSelect.tsx b/src/components/ButtonSelect.tsx
index 0e078f2..36d01f2 100644
--- a/src/components/ButtonSelect.tsx
+++ b/src/components/ButtonSelect.tsx
@@ -9,7 +9,7 @@
 import classNames from "classnames";
 
 type PickerProps = {
-    options: { label: any, value: string }[],
+    options: { label: any, value: string, color?: string }[],
     value: string,
     handleChange: (payload: string) => void,
     small?: boolean,
@@ -33,6 +33,8 @@ function ButtonSelect(props: PickerProps) {
                         onClick={() => props.handleChange(option.value)}
                         style={props.xSmall ? {
                             fontSize: "small",
+                            ...option.color ? 
+                                { background: option.color } : {},
                         } : {}}
                     >
                         {option.label}
diff --git a/src/components/VerbTable.tsx b/src/components/VerbTable.tsx
index 0469d93..c890d98 100644
--- a/src/components/VerbTable.tsx
+++ b/src/components/VerbTable.tsx
@@ -14,7 +14,7 @@ import {
 } from "../lib/p-text-helpers";
 import { isSentenceForm } from "../lib/misc-helpers";
 import * as T from "../types";
-
+import genderColors from "../lib/gender-colors";
 
 const genderAbbrev = (gender: "masc" | "fem" | undefined): " m." | " f." | "" => (
     gender === "masc"
@@ -87,10 +87,7 @@ function VerbTable({ block, textOptions, english }: {
                     const rowLabel = `${pers[i]}${genderAbbrev(gender)}`;
                     const color = !gender
                         ? "inherit"
-                        : gender === "masc"
-                        ? "#78c8ed"
-                        : "#ff99aa";
-                    
+                        : genderColors[gender];
                     return (
                         <tr key={`${i}${gender}`}>
                             <th scope="row" style={{ color }}>{rowLabel}</th>
diff --git a/src/lib/gender-colors.ts b/src/lib/gender-colors.ts
new file mode 100644
index 0000000..eb47ba1
--- /dev/null
+++ b/src/lib/gender-colors.ts
@@ -0,0 +1,6 @@
+const genderColors = {
+    masc: "#78c8ed",
+    fem: "#ff99aa",
+};
+
+export default genderColors;
\ No newline at end of file
diff --git a/src/library.ts b/src/library.ts
index 9589bf4..0c227e2 100644
--- a/src/library.ts
+++ b/src/library.ts
@@ -96,6 +96,7 @@ import {
 } from "./lib/accent-helpers";
 import defaultTextOptions from "./lib/default-text-options";
 import * as grammarUnits from "./lib/grammar-units";
+import genderColors from "./lib/gender-colors";
 import * as Types from "./types";
 
 export {
@@ -162,6 +163,7 @@ export {
     dictionaryEntryTextFields,
     dictionaryEntryNumberFields,
     dictionaryEntryBooleanFields,
+    genderColors,
     // TYPES
     Types,
 }
\ No newline at end of file