You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.1 KiB
44 lines
1.1 KiB
import React from "react";
|
|
|
|
export default class PageCatalog extends React.Component {
|
|
render() {
|
|
return (
|
|
<div>
|
|
<div
|
|
className=" pane "
|
|
style={{
|
|
width: "100vw",
|
|
|
|
textAlign: "center"
|
|
}}
|
|
>
|
|
{Object.keys(this.props.category).map((item, i) => (
|
|
<div>
|
|
<h2
|
|
style={{
|
|
background: "#2e323f",
|
|
color: "#AAA",
|
|
width: "100%"
|
|
}}
|
|
key={item}
|
|
id={item}
|
|
className=" "
|
|
onClick={() =>
|
|
this.props.ViewListPkgs(this.props.category[item])
|
|
}
|
|
>
|
|
{item}
|
|
</h2>
|
|
<div style={{ display: "grid" }}>
|
|
{this.props.category[item].map((p) => (
|
|
<span style={{ margin: "10px" }}>{p}</span>
|
|
))}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|