42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import React from "react";
|
|
import Config, { BrainAtlasType, MultiLang } from "../config";
|
|
import styles from "./DatabaseTop.module.css";
|
|
import ItemType from "./item-type";
|
|
|
|
interface Props {
|
|
lang: MultiLang;
|
|
type: BrainAtlasType;
|
|
}
|
|
|
|
const DatabaseTop: React.FC<Props> = (props: Props) => {
|
|
const { lang, type } = props;
|
|
const types: string[][] = [];
|
|
const len = Config.XOONIPS_ITEMTYPES.length;
|
|
for (let i = 0; i < Math.ceil(len / 2); i++) {
|
|
const j = i * 2;
|
|
const p = Config.XOONIPS_ITEMTYPES.slice(j, j + 2);
|
|
types.push(p);
|
|
}
|
|
return (
|
|
<table className={styles.itemTypes}>
|
|
<tbody>
|
|
{types.map((value, idx) => {
|
|
return (
|
|
<tr key={idx}>
|
|
{value.map((itemType, idx) => {
|
|
return (
|
|
<td key={idx} className={styles.itemType}>
|
|
{itemType !== "" && <ItemType.Top lang={lang} itemType={"xnp" + itemType} type={type} />}
|
|
</td>
|
|
);
|
|
})}
|
|
</tr>
|
|
);
|
|
})}
|
|
</tbody>
|
|
</table>
|
|
);
|
|
};
|
|
|
|
export default DatabaseTop;
|