feat: irisgarritasuna konpontzen du (#16)

This commit is contained in:
Aitor Urrutia
2023-12-28 11:26:25 +01:00
committed by GitHub
parent 67d23e5573
commit d86b151d74
3 changed files with 15 additions and 1 deletions

View File

@@ -64,3 +64,7 @@
content: ', '; content: ', ';
} }
} }
.tableGroup {
display: table-header-group;
}

View File

@@ -3,6 +3,7 @@ import React from 'react';
import BeganoaLogo from '../../../../assets/beganoa.svg'; import BeganoaLogo from '../../../../assets/beganoa.svg';
import EkologikoaLogo from '../../../../assets/ekologikoa.svg'; import EkologikoaLogo from '../../../../assets/ekologikoa.svg';
import { Produktua } from '../../../../domain/kafetegia/models/Produktua'; import { Produktua } from '../../../../domain/kafetegia/models/Produktua';
import { classNames } from '../../../../utilities/classnames';
import * as styles from './ProduktuZerrenda.module.scss'; import * as styles from './ProduktuZerrenda.module.scss';
interface Props { interface Props {
@@ -17,7 +18,16 @@ export const ProduktuZerrenda: React.FC<Props> = ({
<table className={styles.produktuTaula}> <table className={styles.produktuTaula}>
{izena && <caption className={styles.mota}>{izena}</caption>} {izena && <caption className={styles.mota}>{izena}</caption>}
<tbody> <thead className={classNames('visually-hidden', styles.tableGroup)}>
<tr>
<th>Beganoa</th>
<th>Ekologikoa</th>
<th>Produktuaren izena</th>
<th>Produktuaren prezioa</th>
</tr>
</thead>
<tbody className={styles.tableGroup}>
{produktuZerrenda.map(produktua => ( {produktuZerrenda.map(produktua => (
<tr key={produktua.id}> <tr key={produktua.id}>
<td className={styles.ezaugarria}> <td className={styles.ezaugarria}>