-
-
Total cost for the event
-
-
-
-
-
-
-
-
+ const total_amount = totalCosts.venue + totalCosts.av + totalCosts.meals;
+ return (
+
+
+
+
Total cost for the event
+
+
+
+ ${total_amount}
+
+
+
+
+
-
-
- );
+ );
};
-
-export default TotalCost;
+export default TotalCost;
\ No newline at end of file
diff --git a/src/avSlice.js b/src/avSlice.js
index cdd79aac..5c47a778 100644
--- a/src/avSlice.js
+++ b/src/avSlice.js
@@ -3,20 +3,58 @@ import { createSlice } from "@reduxjs/toolkit";
export const avSlice = createSlice({
name: "av",
initialState: [
-
+ {
+ img: "https://pixabay.com/images/download/business-20031_640.jpg",
+ name: "Projectors",
+ cost: 200,
+ quantity: 0,
+ },
+ {
+ img: "https://pixabay.com/images/download/speakers-4109274_640.jpg",
+ name: "Speaker",
+ cost: 35,
+ quantity: 0,
+ },
+ {
+ img: "https://pixabay.com/images/download/public-speaking-3926344_640.jpg",
+ name: "Microphones",
+ cost: 45,
+ quantity: 0,
+ },
+ {
+ img: "https://pixabay.com/images/download/whiteboard-2903269_640.png",
+ name: "Whiteboards",
+ cost: 80,
+ quantity: 0,
+ },
+
+ {
+ img: "https://pixabay.com/images/download/signpost-235079_640.jpg",
+ name: "Signage",
+ cost: 80,
+ quantity: 0,
+ },
+
+
],
reducers: {
incrementAvQuantity: (state, action) => {
-
+ const item = state[action.payload];
+ if (item) {
+ item.quantity++;
+ }
},
decrementAvQuantity: (state, action) => {
-
+ const item = state[action.payload];
+ if (item && item.quantity > 0) {
+ item.quantity--;
+ }
},
},
});
export const { incrementAvQuantity, decrementAvQuantity } = avSlice.actions;
-export default avSlice.reducer;
+export default avSlice.reducer;
\ No newline at end of file
diff --git a/src/mealsSlice.js b/src/mealsSlice.js
index faf8138a..3aa03073 100644
--- a/src/mealsSlice.js
+++ b/src/mealsSlice.js
@@ -1,17 +1,19 @@
-// mealsSlice.js
import { createSlice } from '@reduxjs/toolkit';
-
export const mealsSlice = createSlice({
name: 'meals',
initialState: [
+ { name: 'Breakfast', cost: 50, selected: false },
+{ name: 'High Tea', cost: 25, selected: false },
+{ name: 'Lunch', cost: 65, selected: false },
+{ name: 'Dinner', cost: 70, selected: false },
],
reducers: {
toggleMealSelection: (state, action) => {
- },
+ state[action.payload].selected = !state[action.payload].selected;
+ },
},
});
export const { toggleMealSelection } = mealsSlice.actions;
-
-export default mealsSlice.reducer;
+export default mealsSlice.reducer;
\ No newline at end of file
diff --git a/src/store.js b/src/store.js
index f05b9f8f..568b1071 100644
--- a/src/store.js
+++ b/src/store.js
@@ -1,9 +1,12 @@
-// store.js
import { configureStore } from '@reduxjs/toolkit';
import venueReducer from './venueSlice';
+import avReducer from './avSlice';
+import mealsReducer from './mealsSlice';
export default configureStore({
reducer: {
venue: venueReducer,
+ av: avReducer,
+ meals: mealsReducer,
},
-});
+});
\ No newline at end of file
diff --git a/src/venueSlice.js b/src/venueSlice.js
index 350d353a..2af18cc3 100644
--- a/src/venueSlice.js
+++ b/src/venueSlice.js
@@ -5,31 +5,31 @@ export const venueSlice = createSlice({
name: "venue",
initialState: [
{
- img: "https://pixabay.com/images/download/chairs-2181916_640.jpg",
+ img: "https://cdn.pixabay.com/photo/2017/03/28/12/06/chairs-2181916_1280.jpg",
name: "Conference Room (Capacity:15)",
cost: 3500,
quantity: 0,
},
{
- img: "https://pixabay.com/images/download/event-venue-1597531_640.jpg",
+ img: "https://cdn.pixabay.com/photo/2016/08/16/09/53/international-conference-1597531_1280.jpg",
name: "Auditorium Hall (Capacity:200)",
cost: 5500,
quantity: 0,
},
{
- img: "https://pixabay.com/images/download/convention-center-3908238_640.jpg",
+ img: "https://cdn.pixabay.com/photo/2019/01/02/07/30/convention-center-3908238_1280.jpg",
name: "Presentation Room (Capacity:50)",
cost: 700,
quantity: 0,
},
{
- img: "https://pixabay.com/images/download/chairs-2181916_640.jpg",
+ img: "https://cdn.pixabay.com/photo/2017/03/28/12/06/chairs-2181916_1280.jpg",
name: "Large Meeting Room (Capacity:10)",
cost: 900,
quantity: 0,
},
{
- img: "https://pixabay.com/images/download/laptops-593296_640.jpg",
+ img: "https://cdn.pixabay.com/photo/2015/01/08/18/11/laptops-593296_1280.jpg",
name: "Small Meeting Room (Capacity:5)",
cost: 1100,
quantity: 0,
@@ -56,5 +56,4 @@ export const venueSlice = createSlice({
});
export const { incrementQuantity, decrementQuantity } = venueSlice.actions;
-
-export default venueSlice.reducer;
+export default venueSlice.reducer;
\ No newline at end of file
+