Use <th> instead of <td> where appropriate

This commit is contained in:
Philipp Czora
2019-02-20 10:12:54 +01:00
parent 01a833740c
commit babf738eda
2 changed files with 14 additions and 14 deletions

View File

@@ -40,21 +40,21 @@ class ProfileInfo extends React.Component<Props> {
<table className="table content"> <table className="table content">
<tbody> <tbody>
<tr> <tr>
<td className="has-text-weight-semibold"> <th>
{t("profile.username")} {t("profile.username")}
</td> </th>
<td>{me.name}</td> <td>{me.name}</td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold"> <th>
{t("profile.displayName")} {t("profile.displayName")}
</td> </th>
<td>{me.displayName}</td> <td>{me.displayName}</td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold"> <th>
{t("profile.mail")} {t("profile.mail")}
</td> </th>
<td> <td>
<MailLink address={me.mail} /> <MailLink address={me.mail} />
</td> </td>
@@ -74,10 +74,10 @@ class ProfileInfo extends React.Component<Props> {
if (me.groups.length > 0) { if (me.groups.length > 0) {
groups = ( groups = (
<tr> <tr>
<td className="has-text-weight-semibold">{t("profile.groups")}</td> <th>{t("profile.groups")}</th>
<td className={classes.spacing}> <td className={classes.spacing}>
<ul> <ul>
{me.groups.map((group, index) => { {me.groups.map(group => {
return <li>{group}</li>; return <li>{group}</li>;
})} })}
</ul> </ul>

View File

@@ -27,25 +27,25 @@ class Details extends React.Component<Props> {
<table className="table content"> <table className="table content">
<tbody> <tbody>
<tr> <tr>
<td className="has-text-weight-semibold">{t("group.name")}</td> <th>{t("group.name")}</th>
<td>{group.name}</td> <td>{group.name}</td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold">{t("group.description")}</td> <th>{t("group.description")}</th>
<td>{group.description}</td> <td>{group.description}</td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold">{t("group.type")}</td> <th>{t("group.type")}</th>
<td>{group.type}</td> <td>{group.type}</td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold">{t("group.creationDate")}</td> <th>{t("group.creationDate")}</th>
<td> <td>
<DateFromNow date={group.creationDate} /> <DateFromNow date={group.creationDate} />
</td> </td>
</tr> </tr>
<tr> <tr>
<td className="has-text-weight-semibold">{t("group.lastModified")}</td> <th>{t("group.lastModified")}</th>
<td> <td>
<DateFromNow date={group.lastModified} /> <DateFromNow date={group.lastModified} />
</td> </td>
@@ -63,7 +63,7 @@ class Details extends React.Component<Props> {
if (group.members.length > 0) { if (group.members.length > 0) {
member = ( member = (
<tr> <tr>
<td className="has-text-weight-semibold">{t("group.members")}</td> <th>{t("group.members")}</th>
<td className={classes.spacing}> <td className={classes.spacing}>
<ul> <ul>
{group._embedded.members.map((member, index) => { {group._embedded.members.map((member, index) => {