disable number input in edit

nextjs-dashboard/app/events/[event_id]/edit_event/edit_event.tsx

@@ -309,7 +309,12 @@ export default function EditEventForm({ eventId }: { eventId: string }) {
                 {field.replace("_", " ").toUpperCase()}
               </label>
               <input
-                className="block w-full rounded-md border border-gray-200 py-[9px] px-3 text-sm"
+                className={
+                  "block w-full rounded-md border border-gray-200 py-[9px] px-3 text-sm"
+                }
+                style={{
+                  backgroundColor: "lightgray",
+                }}
                 id={field}
                 type="number"
                 name={field}
@@ -319,6 +324,7 @@ export default function EditEventForm({ eventId }: { eventId: string }) {
                   setNumberInputs({ ...numberInputs, [field]: e.target.value })
                 }
                 placeholder={`Enter ${field}`}
+                disabled
               />
             </div>
           ))}

nextjs-dashboard/app/events/[event_id]/event_detail/event_detail.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import { useRouter } from 'next/navigation';
+import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import TicketQuantity from "./component/ticketQuantity";
 import { useSelector } from "react-redux";
@@ -146,7 +146,7 @@ export default function EventDetailPage({ eventId }: { eventId: string }) {
 
             {login.type === "user" ? (
               <div>
-                <button 
+                <button
                   onClick={() => handleBuyTickets(eventId, ticketQuantity)}
                   className="w-full bg-blue-500 text-white py-3 rounded-lg shadow-md hover:bg-green-600"
                 >

nextjs-dashboard/app/signup/customer/customerSignUp.tsx

@@ -64,8 +64,8 @@ export default function SignUpForm() {
       router.push("../../events");
     } else {
       // The request failed
-      const err = await response.json(); 
-      alert(err.error)
+      const err = await response.json();
+      alert(err.error);
       console.log("Registration failed");
     }
   };
@@ -213,7 +213,8 @@ export default function SignUpForm() {
 
           <div>
             <Button type="submit" className="mt-4 w-full">
-              Sign Up <ArrowRightIcon className="ml-auto h-5 w-5 text-gray-50" />
+              Sign Up{" "}
+              <ArrowRightIcon className="ml-auto h-5 w-5 text-gray-50" />
             </Button>
           </div>
         </div>

nextjs-dashboard/app/signup/organization/orgSignUp.tsx

@@ -77,8 +77,8 @@ export default function OrganizationSignUpForm() {
       router.push("../../events");
     } else {
       // The request failed
-      const err = await response.json(); 
-      alert(err.error)
+      const err = await response.json();
+      alert(err.error);
       console.log("Registration failed");
     }
   };