add new request

app/Components/Receipt/Receipt.css

@@ -0,0 +1,24 @@
+.groupInformation {
+  display: flex;
+  max-width: 500px;
+  min-width: 40px;
+  width: 100%;
+  justify-content: end;
+  gap: 10px;
+}
+
+.informationButton {
+  text-align: center;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  border: 1px solid #cfcfcf;
+  background-color: #fff;
+  max-width: 40px;
+  min-width: 40px;
+}
+
+.informationButton:hover {
+  border: 1px solid #cfcfcf;
+  background-color: #cfcfcf;
+}

app/Components/Receipt/Receipt.tsx

@@ -3,7 +3,7 @@
 import toast from "react-hot-toast";
 import { useState } from "react";
 import { PostReceipt } from "@/app/lib/postReceipt";
-import { useParams, usePathname, useRouter } from "next/navigation";
+import { useRouter } from "next/navigation";
 
 import "./Receipt.css";
 
@@ -13,8 +13,6 @@ interface ReceiptsProps {
 
 function Receipt({ numAcount }: ReceiptsProps) {
   const router = useRouter();
-  const path = usePathname();
-  console.log(path);
 
   const [folio, setFolio] = useState("");
   const [amount, setAmount] = useState("");
@@ -80,19 +78,25 @@ function Receipt({ numAcount }: ReceiptsProps) {
       <div className="gap">
         <div className="groupInput">
           <label className="label">Ticket:</label>
-          <input
-            type="text"
-            value={folio}
-            onChange={(error) => {
-              const value = error.target.value;
-              if (/^\d*$/.test(value) && value.length <= 7) {
-                setFolio(value);
-              }
-            }}
-            placeholder="Numero de tiket..."
-            inputMode="numeric"
-            pattern="[0-9]*"
-          />
+          <div className="groupInformation">
+            <input
+              type="text"
+              value={folio}
+              onChange={(error) => {
+                const value = error.target.value;
+                if (/^\d*$/.test(value) && value.length <= 7) {
+                  setFolio(value);
+                }
+              }}
+              placeholder="Numero de tiket..."
+              inputMode="numeric"
+              pattern="[0-9]*"
+            />
+            <select className="informationButton">
+              <option>7</option>
+              <option>8</option>
+            </select>
+          </div>
         </div>
 
         <div className="groupInput">