26 lines
929 B
React
26 lines
929 B
React
import { useState, useEffect } from 'react';
|
|
|
|
function DropwdownGrid(props) {
|
|
const values = props.values;
|
|
const classNames = props.classNames;
|
|
const changeInputParent = props.changeInputParent;
|
|
const selectedInput = props.selectedInput;
|
|
|
|
return (
|
|
<div className={`review-select-menu grid ${classNames}`}>
|
|
{values.map((item, i) =>
|
|
String(selectedInput) !== String(item) && (
|
|
<div
|
|
key={item}
|
|
className={i >= (values.length - (selectedInput == values.at(-1) ? 2 : 1)) ? `review-select-item grid-box-${i} ${classNames} last` : `review-select-item grid-box-${i} ${classNames}`}
|
|
onClick={() => changeInputParent(item)}
|
|
>
|
|
{item}
|
|
</div>
|
|
)
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default DropwdownGrid; |