-
-
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..734f99ab 100644
--- a/src/avSlice.js
+++ b/src/avSlice.js
@@ -1,22 +1,59 @@
-import { createSlice } from "@reduxjs/toolkit";
+ import { createSlice } from "@reduxjs/toolkit";
export const avSlice = createSlice({
name: "av",
initialState: [
-
+ {
+ img: "",
+ name: "Projectors",
+ cost: 200,
+ quantity: 0,
+ },
+ {
+ img: "",
+ name: "Speaker",
+ cost: 35,
+ quantity: 0,
+ },
+ {
+ img: "",
+ name: "Microphones",
+ cost: 45,
+ quantity: 0,
+ },
+ {
+ img: "",
+ name: "Whiteboards",
+ cost: 80,
+ quantity: 0,
+ },
+
+ {
+ img: "",
+ 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..6841b292 100644
--- a/src/venueSlice.js
+++ b/src/venueSlice.js
@@ -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
+