code optmized

db.json

@@ -20,8 +20,8 @@
   "reservedSeats": [
     {
       "seats": [
-        "H7",
-        "G6"
+        "E4",
+        "D4"
       ],
       "id": 2
     },

src/components/Base/button/button.stories.js

-import Button from '.'
+import Button from ".";
 
 export default {
   title: "Base/Button",
   component: Button,
   argTypes: {
     onClick: { action: "Clicked" },
-     
   },
-   
-}
-export const button= {
+};
+export const button = {
   args: {
     children: "Submit",
-   
-    }
-}
+  },
+};
\ No newline at end of file

src/components/top-level/confirmation/index.js

-import Layout from "../../Base/layout";
+import Layout from "../../base/layout";
 import Image from "../../../assets/conform.png";
 import style from "./confirmation.module.css";
-import Button from "../../Base/button";
+import Button from "../../base/button";
 import { Link } from "react-router-dom";
 
 function Confirmation({ seatCount, seats, onLogOut, onEdit }) {

src/components/top-level/login/index.js

 import { useState } from "react";
-import Button from "../../Base/button";
-import Input from "../../Base/input";
-import Layout from "../../Base/layout";
+
+import Button from "../../base/button";
+import Input from "../../base/input";
+import Layout from "../../base/layout";
 import { toast } from "react-toastify";
 import styles from "./login.module.css";
 function Login({ onSubmit }) {

src/components/top-level/seat-layout/index.js

 // import { useNavigate } from "react-router-dom";
 import { useEffect, useState } from "react";
-import Button from "../../Base/button";
+import Button from "../../base/button";
 import styles from "./seat-layout.module.css";
 import Seat from "../seat";
 import { toast } from "react-toastify";

src/components/top-level/seat-limit/index.js

 import { useState } from "react";
-import Button from "../../Base/button";
-import Layout from "../../Base/layout";
-import Input from "../../Base/input";
+import Button from "../../base/button";
+import Layout from "../../base/layout";
+import Input from "../../base/input";
 import { toast } from "react-toastify";
 function SeatLimit({ onLimit, ...props }) {
   const [limit, setLimit] = useState(0);

src/components/top-level/seat/index.js

-import { useState } from "react";
 import styles from "./seat.module.css";
 
 function Seat({ onChange, status, seatNo }) {
-  const [show, setShow] = useState(false);
   const handleCheckbox = () => {
     if (status == "available" || status == "selected") {
       onChange({
@@ -24,8 +22,6 @@ function Seat({ onChange, status, seatNo }) {
           : styles["checkbox-available"]
       }`}
       title={seatNo}
-      onMouseEnter={() => setShow(true)}
-      onMouseLeave={() => setShow(false)}
     />
   );
 }