21 lines
582 B
JavaScript
21 lines
582 B
JavaScript
import React from 'react';
|
|
import {data as shared_data} from "./utils";
|
|
|
|
/**
|
|
* Component that displays crate modes
|
|
*/
|
|
export function CrateMode({current, onChange}) {
|
|
return (
|
|
<div className="crate-mode">
|
|
{shared_data.crateModeOrder.map(item => (
|
|
<a
|
|
key={item}
|
|
className={current === item ? 'active' : ''}
|
|
onClick={() => onChange(item)}
|
|
href="#"
|
|
role="button">{shared_data.crateModes[item].name}</a>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|