Main

src/FlexibleTable/FlexibleTable.jsx

@@ -43,8 +43,8 @@ export default function FlexibleTable({attributes, setAttributes, placeholders,
 
 		bodyBackground,
 		multipleBodyBackground,
-		bodyBackgroundOdd,
-		bodyTextColorOdd,
+		bodyBackgroundEven,
+		bodyTextColorEven,
 		bodyTextColor,
 		bodyTextAlign,
 		bodyFontWeight,
@@ -257,15 +257,15 @@ export default function FlexibleTable({attributes, setAttributes, placeholders,
 					{multipleBodyBackground ?
 						<>
 							<ColorSelector
-						label={__('Background color (odd rows)', 'flexible-invoices-core')}
-						value={bodyBackgroundOdd}
-						onChange={(value) => setAttributes({bodyBackgroundOdd: value})}
+						label={__('Background color (even rows)', 'flexible-invoices-core')}
+						value={bodyBackgroundEven}
+						onChange={(value) => setAttributes({bodyBackgroundEven: value})}
 					/>
 						<ColorSelector
-							label={__('Text color (odd rows)', 'flexible-invoices-core')}
-							value={bodyTextColorOdd}
+							label={__('Text color (even rows)', 'flexible-invoices-core')}
+							value={bodyTextColorEven}
 							enableAlpha={false}
-							onChange={(value) => setAttributes({bodyTextColorOdd: value})}
+							onChange={(value) => setAttributes({bodyTextColorEven: value})}
 						/>
 						</>
 						: ''
@@ -385,9 +385,9 @@ export default function FlexibleTable({attributes, setAttributes, placeholders,
 					</thead>
 					<tbody className={"fitb-item-table-body"}>
 
-					{Array.from({length: 2}).map((_, index) => (
+					{Array.from({length: 2}).map((_, trIndex) => (
 						<tr className={"fitb-item-table-row"} style={{
-							background: (multipleBodyBackground && index === 1) ? bodyBackgroundOdd : bodyBackground,
+							background: (multipleBodyBackground && trIndex === 1) ? bodyBackgroundEven : bodyBackground,
 							borderStyle: "solid",
 							borderColor: bodyBorderRowColor,
 							borderTopWidth: bodyBorderRowWidthTop,
@@ -411,7 +411,7 @@ export default function FlexibleTable({attributes, setAttributes, placeholders,
 											key={index}
 											value={row}
 											style={{
-												color: (multipleBodyBackground && index === 1) ? bodyTextColorOdd : bodyTextColor,
+												color: (multipleBodyBackground && trIndex === 1) ? bodyTextColorEven : bodyTextColor,
 												textAlign: bodyTextAlign,
 												fontStyle: bodyFontStyle,
 												fontSize: bodyFontSize,