Update multiple files, remove Seatposition, add new assets and SeatSelection component

db.json

@@ -154,9 +154,8 @@
     {
       "userId": "9500403346",
       "seats": [
-        "D1",
-        "D2",
-        "D5"
+        "F3",
+        "F4"
       ],
       "status": "booked",
       "id": "b4fe"

package-lock.json

@@ -19,6 +19,7 @@
       },
       "devDependencies": {
         "@eslint/js": "^9.25.0",
+        "@storybook/addon-actions": "^9.0.8",
         "@storybook/addon-onboarding": "^9.0.4",
         "@storybook/react-vite": "^9.0.4",
         "@types/react": "^19.1.2",
@@ -1437,6 +1438,17 @@
         "win32"
       ]
     },
+    "node_modules/@storybook/addon-actions": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-9.0.8.tgz",
+      "integrity": "sha512-LFePu7PPnWN0Il/uoUpmA5T0J0C7d6haJIbg0pXrjxW2MQVSYXE4S4LSUz8fOImltBDV3xAl6tLPYHFj6VcrOA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
     "node_modules/@storybook/addon-onboarding": {
       "version": "9.0.4",
       "resolved": "https://registry.npmjs.org/@storybook/addon-onboarding/-/addon-onboarding-9.0.4.tgz",

package.json

@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",
+    "@storybook/addon-actions": "^9.0.8",
     "@storybook/addon-onboarding": "^9.0.4",
     "@storybook/react-vite": "^9.0.4",
     "@types/react": "^19.1.2",

src/components/Forms/Login/Login.jsx

@@ -40,6 +40,11 @@ export const Login = ({ onClick, onSwitch }) => {
       setValue("");
     }
   };
+  const HandleKey = (e) => {
+    if (e.key === "Enter") {
+      HandleButton(e);
+    }
+  };
 
   return (
     <>
@@ -58,6 +63,7 @@ export const Login = ({ onClick, onSwitch }) => {
                 min="0"
                 icon={FaPhoneAlt}
                 required
+                onKeyDown={HandleKey}
               />
             </div>
             {islesser && (

src/components/Response/Index.jsx

@@ -2,6 +2,7 @@ import { useLocation, useNavigate } from "react-router-dom";
 import { IoMdLogOut } from "react-icons/io";
 import { MdHome, MdCheckCircle } from "react-icons/md";
 import { RiArrowGoBackLine } from "react-icons/ri";
+import { Button } from "../Form/Button/Button";
 import styles from "./Styles.module.css";
 import Success from "../../Assets/Success.png";
 import Failed from "../../Assets/Failed.png";
@@ -65,15 +66,15 @@ export const Summary = ({ success: propSuccess }) => {
             </div>
           )}
 
-          <button onClick={onBack} className={styles.downloadBtn}>
+          <Button onClick={onBack} className={styles.downloadBtn}>
             <RiArrowGoBackLine className={styles.icon} />
             <span>Book More Tickets</span>
-          </button>
+          </Button>
 
-          <button onClick={onLogout} className={styles.homeBtn}>
+          <Button onClick={onLogout} className={styles.homeBtn}>
             <MdHome className={styles.icon} />
             <span>Back to Home</span>
-          </button>
+          </Button>
         </div>
       ) : (
         <div className={styles.error}>
@@ -82,10 +83,10 @@ export const Summary = ({ success: propSuccess }) => {
           <p className={styles.timeStamp}>
             Booked On: {new Date().toLocaleString()}
           </p>
-          <button onClick={onLogout} className={styles.homeBtn}>
+          <Button onClick={onLogout} className={styles.homeBtn}>
             <IoMdLogOut className={styles.icon} />
             <span>Back to Home</span>
-          </button>
+          </Button>
         </div>
       )}
     </div>

src/components/Top-level/Counter/Counter.jsx

@@ -31,6 +31,11 @@ const Counter = ({ onSubmit, className, onChange, onClick }) => {
       onClick(count);
     }
   };
+  const Handlekey = (e) => {
+    if (e.key === "Enter") {
+      Submit();
+    }
+  };
 
   return (
     <>
@@ -47,6 +52,7 @@ const Counter = ({ onSubmit, className, onChange, onClick }) => {
             value={count}
             onChange={Num}
             min="0"
+            onKeyDown={Handlekey}
             disabled={count >= 60}
           />
         </div>

src/components/Top-level/Seat/Seat.stories.jsx

@@ -6,7 +6,7 @@ export default {
   tags: ["autodocs"],
 
   argTypes: {
-    onChange: { action: "OnChange" },
+    onChange: { action: "onChange" },
     status: {
       options: ["available", "reserved", "selected"],
       control: { type: "radio" },

src/components/Top-level/SeatSelection/SeatSelection.stories.jsx

@@ -6,7 +6,7 @@ export default {
     layout: "centered",
   },
   argTypes: {
-    onClick: { action: "onClick" },
+    onClick: { action: "seat-selection-confirm" },
   },
 };