Updated options API to be backwards compatible

g-loot · Jun 11, 2023 · 9d1eec4 · 9d1eec4
1 parent 0aeab87
commit 9d1eec4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/bracket-single/single-elim-bracket.stories.jsx b/src/bracket-single/single-elim-bracket.stories.jsx
@@ -72,6 +72,8 @@ SoloWalkOverBracketCustomHeaders.args = {
   options: {
     style: {
       roundHeader: {
+        fontColor: undefined,
+        fontFamily: undefined,
         roundTextGenerator: (currentRoundNumber, roundsTotalNumber) => {
           if (currentRoundNumber === roundsTotalNumber) {
             return 'Grand Top';

diff --git a/src/settings.ts b/src/settings.ts
@@ -13,10 +13,10 @@ export const defaultStyle: Options = {
     height: 40,
     marginBottom: 25,
     fontSize: 16,
-    fontColor: undefined,
+    fontColor: 'white',
     backgroundColor: 'rgb(47, 54, 72)',
-    fontFamily: undefined,
-    roundTextGenerator: undefined
+    fontFamily: '"Roboto", "Arial", "Helvetica", "sans-serif"',
+    roundTextGenerator: undefined,
   },
   roundSeparatorWidth: 24,
   lineInfo: {

diff --git a/src/types.tsx b/src/types.tsx
@@ -64,7 +64,7 @@ export type Options = {
     fontFamily?: string;
     roundTextGenerator?: (
       currentRoundNumber: number,
-      roundsTotalNumber: number,
+      roundsTotalNumber: number
     ) => string | undefined;
   };