# Voting

## feat
- Create function
- Get list by status id
- Get one vote by id
### No issuue

src/app/makuro/_server/makuro_view.tsx

@@ -1,13 +1,54 @@
-'use client'
+"use client";
 
-import { Button } from "@mantine/core";
+import { Box, Button, Stack, TextInput } from "@mantine/core";
 import makuro_test from "./makuro_test";
+import { useState } from "react";
+import _, { forIn } from "lodash";
 
 export default function ViewMakuro() {
+  const [listnya, setListnya] = useState<any[]>([
+    {
+      name: "Voting",
+      value: "",
+    },
+    { name: "Voting", value: "" },
+  ]);
 
-    return <>
+  return (
+    <>
+      <Stack p={24}>
+        {listnya.map((e, k) => (
+          <Box key={k}>
+            <TextInput
+              onChange={(v) => {
+                const val = _.clone(listnya);
+                val[k].value = v.currentTarget.value;
+                setListnya([...val]);
+              }}
+              label={e.name}
+            />
+          </Box>
+        ))}
         <Button
-            onClick={() => makuro_test()}
-        >Tekan Aja</Button>
+          onClick={() => {
+            // const cek = listnya[listnya.length - 1]
+            // console.log(cek.id + 1);
+
+            if (listnya.length > 4) return console.log("ga bisa lebih");
+            setListnya([...listnya, { name: "Voting", value: "" }]);
+          }}
+        >
+          {" "}
+          Tambah
+        </Button>
+        <Button
+          onClick={() => {
+            console.log(JSON.stringify(listnya, null, 4));
+          }}
+        >
+          Hasilnya
+        </Button>
+      </Stack>
     </>
-}
+  );
+}