changes in alias import and logout button color

db.json

@@ -31,16 +31,16 @@
       "userid": "0b2d",
       "selected": [
         {
-          "row": 8,
-          "seat": 4
+          "row": 7,
+          "seat": 5
         },
         {
-          "row": 8,
+          "row": 6,
           "seat": 5
         },
         {
           "row": 8,
-          "seat": 6
+          "seat": 4
         }
       ]
     },
@@ -93,16 +93,16 @@
           "seat": 3
         },
         {
-          "row": 2,
-          "seat": 6
-        },
-        {
           "row": 6,
           "seat": 6
         },
         {
           "row": 5,
           "seat": 1
+        },
+        {
+          "row": 5,
+          "seat": 7
         }
       ]
     },

jsconfig.json

@@ -2,7 +2,11 @@
   "compilerOptions": {
     "baseUrl": "src",
     "paths": {
-      "@components/*": ["components/*"]
+      "@components/*": ["components/*"],
+      "@Base/*": ["components/Base/*"],
+      "@Shared/*": ["components/Shared/*"],
+      "@lib/*": ["lib/*"],
+      "@assets/*": ["assets/*"],
     }
   },
   "include": ["src"]

src/assets/images/power-button_12080802.svg

+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30.143 30.143" xml:space="preserve" fill="#000000">
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+<g id="SVGRepo_iconCarrier"> <g> <path style="fill:#ffffff;" d="M20.034,2.357v3.824c3.482,1.798,5.869,5.427,5.869,9.619c0,5.98-4.848,10.83-10.828,10.83 c-5.982,0-10.832-4.85-10.832-10.83c0-3.844,2.012-7.215,5.029-9.136V2.689C4.245,4.918,0.731,9.945,0.731,15.801 c0,7.921,6.42,14.342,14.34,14.342c7.924,0,14.342-6.421,14.342-14.342C29.412,9.624,25.501,4.379,20.034,2.357z"/> <path style="fill:#ffffff;" d="M14.795,17.652c1.576,0,1.736-0.931,1.736-2.076V2.08c0-1.148-0.16-2.08-1.736-2.08 c-1.57,0-1.732,0.932-1.732,2.08v13.496C13.062,16.722,13.225,17.652,14.795,17.652z"/> </g> </g>
+</svg>
\ No newline at end of file

src/components/Base/Button/styles.module.css

@@ -24,8 +24,7 @@
 }
 
 .secondary:hover {
-  background-color: rgba(244, 10, 10, 0.852) !important;
-  color: black !important;
+  background-color: rgba(118, 16, 16, 0.997) !important;
 }
 
 .button:hover {

src/components/Layout/BookingWrapper/Index.jsx

 import PropTypes from 'prop-types';
 import Seat from './Seat';
 import styles from './styles.module.css';
-import Button from '../../Base/Button/Index';
+import Button from '@Base/Button/Index';
 
 const BookingWrapper = ({
   selectedSeats,
@@ -10,7 +10,7 @@ const BookingWrapper = ({
   onSeatAdd,
   onSeatRemove,
   onSeatsConfirm,
-  buttonState
+  isDisabled
 }) => {
   const handleSeatClick = (row, seat, status) => {
     if (status == 'current-selected') {
@@ -77,7 +77,7 @@ const BookingWrapper = ({
           </div>
         ))}
         <div className={styles['btn-wrapper']}>
-          <Button size={'lg'} onClick={onSeatsConfirm} disabled={buttonState}>
+          <Button size={'lg'} onClick={onSeatsConfirm} disabled={isDisabled}>
             Confirm
           </Button>
         </div>

src/components/Shared/LogoutButton/Index.jsx

-import img from '../../../assets/images/power-button_12080802.png';
+import img from '@assets/images/power-button_12080802.svg';
 import styles from './styles.module.css';
 
 const LogoutButton = ({ onLogout }) => {

src/components/TopLevel/ConfirmSeatContent/Index.jsx

 import PropTypes from 'prop-types';
-import Button from '../../Base/Button/Index';
-import Modal from '../../Shared/Modal/Index';
+import Button from '@Base/Button/Index';
+import Modal from '@Shared/Modal/Index';
 import styles from './styles.module.css';
 
 const Index = ({ onConfirm, onCancel }) => {

src/components/TopLevel/LegendWrapper/Index.jsx

-import Legend from '../../Base/Legend/Index';
+import Legend from '@Base/Legend/Index';
 import styles from './styles.module.css';
 const LegendWrapper = (props) => {
   return (

src/components/TopLevel/Login/Index.jsx

 import PropTypes from 'prop-types';
-import Input from '../../Base/Input/Index';
-import Button from '../../Base/Button/Index';
+import Input from '@Base/Input/Index';
+import Button from '@Base/Button/Index';
 import styles from './styles.module.css';
 
 const Login = ({ onSubmit }) => {

src/components/TopLevel/SeatSelectionContent/Index.jsx

 import { useState } from 'react';
 import PropTypes from 'prop-types';
-import Input from '../../Base/Input/Index';
-import Button from '../../Base/Button/Index';
-import Modal from '../../Shared/Modal/Index';
+import Input from '@Base/Input/Index';
+import Button from '@Base/Button/Index';
+import Modal from '@Shared/Modal/Index';
 import styles from './styles.module.css';
 
 const Index = ({ onChange, onConfirm }) => {

src/components/TopLevel/SuccessModal/Index.jsx

 import { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import Lottie from 'lottie-react';
-import Modal from '../../Shared/Modal/Index';
-import Button from '../../Base/Button/Index';
-import animationData from '../../../assets/successSvg.json';
+import Modal from '@Shared/Modal/Index';
+import Button from '@Base/Button/Index';
+import animationData from '@assets/successSvg.json';
 import styles from './styles.module.css';
 
 const SuccessModal = ({ onConfirm }) => {

src/pages/BookingPage/Index.jsx

@@ -10,12 +10,8 @@ import LegendWrapper from '@components/TopLevel/LegendWrapper/Index';
 import LogoutButton from '@components/Shared/LogoutButton/Index';
 
 import { getItem, reset, setItem } from '../../lib/sessionStorage';
-import { appConstants } from '../../lib/AppConstants';
-import {
-  getSelectedSeatsApi,
-  editSeatsApi,
-  createSeatApi
-} from '../../lib/api';
+import { appConstants } from '@lib/AppConstants';
+import { getSelectedSeatsApi, editSeatsApi, createSeatApi } from '@lib/api';
 
 const data = [
   ['*', 1, 2, 3, '*', 4, 5, 6, '*'],
@@ -179,7 +175,7 @@ const BookingPage = () => {
         onSeatRemove={handleSeatRemove}
         onSeatAdd={handleSeatAdd}
         onSeatsConfirm={handleSeatsConfirm}
-        buttonState={buttonState}
+        isDisabled={buttonState}
       />
       <LegendWrapper />
       {showSeatsModal && (

vite.config.js

@@ -6,7 +6,11 @@ export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: {
-      '@components': path.resolve(__dirname, 'src/components')
+      '@components': path.resolve(__dirname, 'src/components'),
+      '@Base': path.resolve(__dirname, 'src/components/Base'),
+      '@Shared': path.resolve(__dirname, 'src/components/Shared'),
+      '@lib': path.resolve(__dirname, 'src/lib'),
+      '@assets': path.resolve(__dirname, 'src/assets')
       // Add more aliases as needed
     }
   }