changed review design

2026-05-14 18:44:50 +02:00
parent e692d0e23c
commit 05541e60b5
6 changed files with 147 additions and 27 deletions
@@ -0,0 +1,26 @@
+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;