diff --git a/src/Components/CustomAlertDialog.jsx b/src/Components/CustomAlertDialog.jsx
index f2ff84b..e83e4d1 100644
--- a/src/Components/CustomAlertDialog.jsx
+++ b/src/Components/CustomAlertDialog.jsx
@@ -29,12 +29,11 @@ const CustomAlertDialog = ({ isOpen, onOpen, onClose, alertHandler, isLoading, m
No
-
- {/* */}
);
};
diff --git a/src/Pages/Master/InvestmentType/EditInvestmentType.jsx b/src/Pages/Master/InvestmentType/EditInvestmentType.jsx
index bc2f65d..447bd30 100644
--- a/src/Pages/Master/InvestmentType/EditInvestmentType.jsx
+++ b/src/Pages/Master/InvestmentType/EditInvestmentType.jsx
@@ -1,22 +1,160 @@
-import { Box, Image, Text } from "@chakra-ui/react"
-// import error from "../assets/Error.svg"
-import robot from "../../../assets/robot.png"
-// import robot from "../assets/robot.png"
-const EditInvestmentType = () => {
- return (
-
-
-
- {/* The requested URL was not found on this server. */}
-
- )
-}
+import { Box, Button, Divider, Heading } from "@chakra-ui/react";
+import { useParams } from "react-router-dom";
+import { useContext, useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import FormField from "../../../Components/FormField";
+import GlobalStateContext from "../../../Contexts/GlobalStateContext";
+import { OPACITY_ON_LOAD } from "../../../Layout/animations";
+import AddInvestmentType from "./AddInvestmentType";
-export default EditInvestmentType
\ No newline at end of file
+const EditInvestmentType = () => {
+ const params = useParams();
+ const { investmentType } = useContext(GlobalStateContext);
+ const [foundObject, setFoundObject] = useState(null);
+
+
+ const {
+ control,
+ handleSubmit,
+ reset,
+ formState: { errors },
+ } = useForm({
+ resolver: yupResolver(AddInvestmentType),
+ defaultValues: {
+ investmentName: foundObject?.investmentName,
+ mobileNo: foundObject?.mobileNo,
+ investmentAddress: foundObject?.investmentAddress,
+ bankName: foundObject?.bankName,
+ accountNumber: foundObject?.accountNumber,
+ swiftCode: foundObject?.swiftCode,
+ bankEmail: foundObject?.bankEmail,
+ },
+ });
+
+ useEffect(() => {
+ // console.log(investmentName);
+ const id = params?.id;
+ console.log(id);
+
+ // Ensure id is compared correctly
+ const found = investmentType.find((item) => item?.id.toString() === id.toString());
+ console.log(found);
+ setFoundObject(found);
+
+ if (found) {
+ reset({
+ investmentName: found.investmentName,
+ mobileNo: found.mobileNo,
+ investmentAddress: found.investmentAddress,
+ bankName: found.bankName,
+ accountNumber: found.accountNumber,
+ swiftCode: found.swiftCode,
+ bankEmail: found.bankEmail,
+ });
+ }
+ }, [params, investmentType, reset]);
+
+ const onSubmit = (data)=> {
+ console.log(data);
+ }
+
+ if (!foundObject) {
+ return Loading...; // or any loading indicator
+ }
+
+
+
+ return (
+
+
+
+ );
+};
+
+export default EditInvestmentType;
diff --git a/src/Pages/Master/InvestmentType/InvestmentType.jsx b/src/Pages/Master/InvestmentType/InvestmentType.jsx
index f61ccc5..8b9d961 100644
--- a/src/Pages/Master/InvestmentType/InvestmentType.jsx
+++ b/src/Pages/Master/InvestmentType/InvestmentType.jsx
@@ -14,25 +14,36 @@ import {
Switch,
Tag,
Text,
+ Tooltip,
useToast,
} from "@chakra-ui/react";
import React, { useContext, useEffect, useState } from "react";
import { OPACITY_ON_LOAD } from "../../../Layout/animations";
import DataTable from "../../../Components/DataTable/DataTable";
import { HiDotsVertical } from "react-icons/hi";
-import { Link, Link as RouterLink } from "react-router-dom";
-import { AddIcon, EmailIcon } from "@chakra-ui/icons";
+import { Link, Link as RouterLink, useNavigate } from "react-router-dom";
+import {
+ AddIcon,
+ CheckIcon,
+ CloseIcon,
+ DeleteIcon,
+ EditIcon,
+ EmailIcon,
+ ViewIcon,
+} from "@chakra-ui/icons";
import Pagination from "../../../Components/Pagination";
import GlobalStateContext from "../../../Contexts/GlobalStateContext";
import CustomAlertDialog from "../../../Components/CustomAlertDialog";
import ToastBox from "../../../Components/ToastBox";
-import { debounce } from "../Sponser/AddSponser";
+import { debounce } from "./AddInvestmentType";
const formatDate = (date) => new Date(date).toLocaleDateString(); // Simple date formatter
const InvestmentType = () => {
- const toast = useToast()
- const { investmentType, setInvestmentType,slideFromRight } = useContext(GlobalStateContext);
+ const navigate = useNavigate()
+ const toast = useToast();
+ const { investmentType, setInvestmentType, slideFromRight } =
+ useContext(GlobalStateContext);
const [searchTerm, setSearchTerm] = useState("");
const [isLoading, setIsLoading] = useState(true);
const [deleteAlert, setDeleteAlert] = useState(false);
@@ -40,7 +51,6 @@ const InvestmentType = () => {
const [mouseEntered, setMouseEntered] = useState(false);
const [mouseEnteredId, setMouseEnteredId] = useState("");
-
useEffect(() => {
// Simulate loading
const timer = setTimeout(() => {
@@ -53,28 +63,24 @@ const InvestmentType = () => {
// ====================================================[Table Setup]================================================================
const tableHeadRow = [
- "investment name",
+ "Investment name",
"Address",
"Mobile no",
"Status",
"Created At",
+ "Action",
];
const handleUpdateStatus = debounce((id) => {
-
setInvestmentType((prevInvestmentType) =>
prevInvestmentType.map((investmentType) =>
investmentType.id === id ? { ...investmentType, status: !investmentType.status } : investmentType
)
);
toast({
- render: () => (
-
- ),
+ render: () => ,
});
- },300) ;
+ }, 300);
// ====================================================[Table Filter]================================================================
const filteredData = investmentType.filter((item) => {
@@ -97,63 +103,65 @@ const InvestmentType = () => {
const extractedArray = filteredData?.map((item) => ({
id: item?.id,
- "investment name": (
-
{item.investmentName}
),
Address: (
-
-
- {item.sponserAddress}
+
+
+ {item.investmentAddress}
),
"Mobile no": (
-
+
{item.mobileNo}
),
- Status:
+ Status: (
handleUpdateStatus(item.id)}
isChecked={item.status}
/>
+ ),
+
+ // item?.status ? (
+ //
+ // Passed
+ //
+ // ) : (
+ //
+ // Not passes
+ //
+ // ),
- // item?.status ? (
- //
- // Passed
- //
- // ) : (
- //
- // Not passes
- //
- // ),
-
- ,
"Created At": (
-
+
{formatDate(item.createdAt)}
- */}
),
+ Action: (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ),
+
+ // "Created At":
+ // mouseEntered && mouseEnteredId === item?.id ? (
+ // // false ? (
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ // ) : (
+ //
+ //
+ // {formatDate(item.createdAt)}
+ //
+ //
+ // ),
}));
const handleDelete = () => {
- const updatedInvestmentType = investmentType.filter((investmentType) => investmentType.id !== actionId);
+ const updatedSponsors = sponser.filter(
+ (sponsor) => sponsor.id !== actionId
+ );
setTimeout(() => {
- setInvestmentType(updatedInvestmentType);
+ setSponser(updatedSponsors);
setDeleteAlert(false);
setIsLoading(false);
}, 100);
setIsLoading(true);
};
-
-
-
return (
@@ -235,18 +337,14 @@ const InvestmentType = () => {
setViewActionId={setActionId}
// totalPages={10}
-
-
-
-
setMouseEnteredId={setMouseEnteredId}
setMouseEntered={setMouseEntered}
/>
setDeleteAlert(false)}
+ onClose={() => setDeleteAlert(false)}
isOpen={deleteAlert}
- message={"Are you sure you want to delete Investment Type?"}
+ message={"Are you sure you want to delete sponers?"}
alertHandler={handleDelete}
isLoading={isLoading}
/>
diff --git a/src/Pages/Master/InvestmentType/ViewInvestmentType.jsx b/src/Pages/Master/InvestmentType/ViewInvestmentType.jsx
index 1c1b8fe..4eaf235 100644
--- a/src/Pages/Master/InvestmentType/ViewInvestmentType.jsx
+++ b/src/Pages/Master/InvestmentType/ViewInvestmentType.jsx
@@ -1,22 +1,55 @@
-import { Box, Image, Text } from "@chakra-ui/react"
+import { Box, FormControl, FormLabel, Image, Text } from "@chakra-ui/react";
// import error from "../assets/Error.svg"
-import robot from "../../../assets/robot.png"
+import robot from "../../../assets/robot.png";
+import { OPACITY_ON_LOAD } from "../../../Layout/animations";
+import { useParams } from "react-router-dom";
+import GlobalStateContext from "../../../Contexts/GlobalStateContext";
+import { useContext } from "react";
// import robot from "../assets/robot.png"
const ViewInvestmentType = () => {
- return (
-
-
-
- {/* The requested URL was not found on this server. */}
-
- )
-}
+ const params = useParams();
+ const { investmentType } = useContext(GlobalStateContext);
+ const id = params?.id;
-export default ViewInvestmentType
\ No newline at end of file
+ const found = investmentType.find(
+ (item) => item?.id.toString() === id.toString()
+ );
+
+ return (
+
+
+
+
+
+ Investment name
+
+ {found?.investmentName}
+
+
+
+
+ Inves name ( Arabic )
+
+ {found?.investmentName}
+
+
+
+
+ ADDRESS
+
+ {found?.investmentAddress}
+
+
+
+
+ Moobile no
+
+ {found?.mobileNo}
+
+
+
+
+ );
+};
+
+export default ViewInvestmentType;
diff --git a/src/Pages/Master/Sponser/AddSponser.jsx b/src/Pages/Master/Sponser/AddSponser.jsx
index 0ae4f37..03526b6 100644
--- a/src/Pages/Master/Sponser/AddSponser.jsx
+++ b/src/Pages/Master/Sponser/AddSponser.jsx
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React, { useContext, useState } from "react";
import { OPACITY_ON_LOAD } from "../../../Layout/animations";
import {
Box,
@@ -19,11 +19,12 @@ import { WarningTwoIcon } from "@chakra-ui/icons";
import { TiWarning } from "react-icons/ti";
import GlobalStateContext from "../../../Contexts/GlobalStateContext";
import { useNavigate } from "react-router-dom";
-import FormField from "../../../Components/FormField";
import { v4 as uuidv4 } from "uuid";
+import FormInputMain from "../../../Components/FormInputMain";
-const schema = yup.object().shape({
+export const addSponser = yup.object().shape({
sponserName: yup.string().required("Sponser name is required"),
+ sponserNameArabic: yup.string().required("Sponser name is required"),
mobileNo: yup.string().required("Mobile no is required"),
sponserAddress: yup.string().required("Sponser address is required"),
@@ -42,11 +43,9 @@ const schema = yup.object().shape({
// accountHolderName: yup.string().required("Account Holder's Name is required"),
});
-
-
export function debounce(func, delay) {
let debounceTimer;
- return function(...args) {
+ return function (...args) {
clearTimeout(debounceTimer);
debounceTimer = setTimeout(() => func.apply(this, args), delay);
};
@@ -54,16 +53,158 @@ export function debounce(func, delay) {
const AddSponser = () => {
const navigate = useNavigate();
+ const [bannerImageData, setBannerImageData] = useState(null);
+ const [selectedBannerImageData, setSelectedBannerImageData] = useState(null);
+
+
+ const [otherImageData, setOtherImageData] = useState(null);
+ const [selectedOtherImageData, setSelectedOtherImageData] = useState(null);
+
+
+
const { sponser, setSponser } = useContext(GlobalStateContext);
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
- resolver: yupResolver(schema),
+ resolver: yupResolver(addSponser),
});
- console.log(errors);
+
+ const handleBannerImageChange = (e) => {
+ const file = e.target.files[0];
+ setBannerImageData(file);
+ if (file) {
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ setSelectedBannerImageData(reader.result);
+ };
+ reader.readAsDataURL(file);
+ }
+ };
+
+
+ // Handler for file input
+ const handleOtherImageChange = (e) => {
+ const files = Array.from(e.target.files);
+ const newImageData = [...(otherImageData || []), ...files]; // Ensure otherImageData is an array
+
+ setOtherImageData(newImageData);
+
+ const readers = files.map((file) => {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ resolve(reader.result);
+ };
+ reader.onerror = reject;
+ reader.readAsDataURL(file);
+ });
+ });
+
+ Promise.all(readers)
+ .then((results) => {
+ setSelectedOtherImageData([
+ ...(selectedOtherImageData || []),
+ ...results,
+ ]); // Ensure selectedOtherImageData is an array
+ })
+ .catch((error) => {
+ console.error("Error reading files:", error);
+ });
+ };
+
+ // Function to remove a specific image
+ const removeOtherImage = (index) => {
+ const newImageData = otherImageData.filter((_, i) => i !== index);
+ const newSelectedImageData = selectedOtherImageData.filter(
+ (_, i) => i !== index
+ );
+
+ setOtherImageData(newImageData);
+ setSelectedOtherImageData(newSelectedImageData);
+ };
+
+console.log(selectedBannerImageData);
+
+ const formFields = [
+ {
+ label: "Sponser name",
+ name: "sponserName",
+ type: "text",
+ isRequired: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Sponser Name (Arabic)",
+ name: "sponserNameArabic",
+ type: "text",
+ isRequired: true,
+ arabic: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Mobile no",
+ name: "mobileNo",
+ type: "number",
+ isRequired: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Sponser address",
+ name: "sponserAddress",
+ type: "text",
+ isRequired: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Bank name",
+ name: "bankName",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "Account Name",
+ name: "accountNumber",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "SWIFT/BIC Code",
+ name: "swiftCode",
+ type: "number",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "Account Email",
+ name: "bankEmail",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "Annual yeild",
+ name: "annualyield",
+ type: "number",
+ helperText: "Please enter value in percentage",
+ isRequired: true,
+ section: "Investment Object Details",
+ },
+ ];
+
+ const groupedFields = formFields.reduce((groups, field) => {
+ const { section } = field;
+ if (!groups[section]) {
+ groups[section] = [];
+ }
+ groups[section].push(field);
+ return groups;
+ }, {});
+
const onSubmit = (data) => {
setSponser([
@@ -80,165 +221,14 @@ const AddSponser = () => {
return (
-
-
+ />
);
};
diff --git a/src/Pages/Master/Sponser/EditSponser.jsx b/src/Pages/Master/Sponser/EditSponser.jsx
index 1d44746..622638e 100644
--- a/src/Pages/Master/Sponser/EditSponser.jsx
+++ b/src/Pages/Master/Sponser/EditSponser.jsx
@@ -1,22 +1,150 @@
-import { Box, Image, Text } from "@chakra-ui/react"
-// import error from "../assets/Error.svg"
-import robot from "../../../assets/robot.png"
-// import robot from "../assets/robot.png"
-const EditSponser = () => {
- return (
-
-
-
- {/* The requested URL was not found on this server. */}
-
- )
-}
+import { Box, Button, Divider, Heading } from "@chakra-ui/react";
+import { useParams } from "react-router-dom";
+import { useContext, useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import GlobalStateContext from "../../../Contexts/GlobalStateContext";
+import { addSponser } from "./AddSponser";
+import { OPACITY_ON_LOAD } from "../../../Layout/animations";
+import FormInputMain from "../../../Components/FormInputMain";
-export default EditSponser
\ No newline at end of file
+const EditSponser = () => {
+ const params = useParams();
+ const { sponser } = useContext(GlobalStateContext);
+ const [foundObject, setFoundObject] = useState(null);
+ const {
+ control,
+ handleSubmit,
+ reset,
+ getValues,
+ formState: { errors },
+ } = useForm({
+ resolver: yupResolver(addSponser),
+ });
+
+ useEffect(() => {
+ console.log(sponser);
+ const id = params?.id;
+ console.log(id);
+
+ // Ensure id is compared correctly
+ const found = sponser.find((item) => item?.id.toString() === id.toString());
+ console.log(found?.swiftCode);
+ setFoundObject(found);
+
+ if (found) {
+ reset({
+ sponserName: found.sponserName,
+ sponserNameArabic: found.sponserNameArabic,
+ mobileNo: found.mobileNo,
+ sponserAddress: found.sponserAddress,
+ bankName: found.bankName,
+ swiftCode: found.swiftCode,
+ accountNumber: found.accountNumber,
+ bankEmail: found.bankEmail,
+ });
+ }
+ }, [params, sponser, reset]);
+
+
+
+
+
+ if (!foundObject) {
+ return Loading...; // or any loading indicator
+ }
+
+ const formFields = [
+ {
+ label: "Sponser name",
+ name: "sponserName",
+ type: "text",
+ isRequired: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Sponser Name (Arabic)",
+ name: "sponserNameArabic",
+ type: "text",
+ isRequired: true,
+ arabic: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Mobile no",
+ name: "mobileNo",
+ type: "number",
+ isRequired: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Sponser address",
+ name: "sponserAddress",
+ type: "text",
+ isRequired: true,
+ section: "Personal Details",
+ },
+ {
+ label: "Bank name",
+ name: "bankName",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "Account Name",
+ name: "accountNumber",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "SWIFT/BIC Code",
+ name: "swiftCode",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "Account Email",
+ name: "bankEmail",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ {
+ label: "Account Email",
+ name: "bankEmail",
+ type: "text",
+ isRequired: true,
+ section: "Bank Details",
+ },
+ ];
+
+ const groupedFields = formFields.reduce((groups, field) => {
+ const { section } = field;
+ if (!groups[section]) {
+ groups[section] = [];
+ }
+ groups[section].push(field);
+ return groups;
+ }, {});
+
+ const onSubmit = (data) => {
+console.log(data);
+ }
+
+ return (
+
+
+
+ );
+};
+
+export default EditSponser;
diff --git a/src/Pages/Master/Sponser/Sponsers.jsx b/src/Pages/Master/Sponser/Sponsers.jsx
index b1eaa13..7c50e6e 100644
--- a/src/Pages/Master/Sponser/Sponsers.jsx
+++ b/src/Pages/Master/Sponser/Sponsers.jsx
@@ -21,7 +21,7 @@ import React, { useContext, useEffect, useState } from "react";
import { OPACITY_ON_LOAD } from "../../../Layout/animations";
import DataTable from "../../../Components/DataTable/DataTable";
import { HiDotsVertical } from "react-icons/hi";
-import { Link, Link as RouterLink } from "react-router-dom";
+import { Link, Link as RouterLink, useNavigate } from "react-router-dom";
import {
AddIcon,
CheckIcon,
@@ -40,6 +40,7 @@ import { debounce } from "./AddSponser";
const formatDate = (date) => new Date(date).toLocaleDateString(); // Simple date formatter
const Sponser = () => {
+ const navigate = useNavigate()
const toast = useToast();
const { sponser, setSponser, slideFromRight } =
useContext(GlobalStateContext);
@@ -191,6 +192,7 @@ const Sponser = () => {
),
-
Action: (
-
- {item.amount}
-
+
+
+
+
+
+
),
}));
diff --git a/src/Routes/Routes.js b/src/Routes/Routes.js
index c64e57a..aeb6d68 100644
--- a/src/Routes/Routes.js
+++ b/src/Routes/Routes.js
@@ -11,7 +11,7 @@ import CreateIO from "../Pages/IO_Management/CreateIO";
import Create from "../Pages/IO_Management/CreateIO";
import ViewIO from "../Pages/IO_Management/ViewIO";
import View from "../Pages/IO_Management/ViewIO";
-import InvestorPendingRequest from "../Pages/InvestorUpgrade/InvestorPendingRequest";
+import InvestorPendingRequest from "../Pages/InvestorUpgrade/InvestorRequest";
import UpgradeHistory from "../Pages/InvestorUpgrade/UpgradeHistory";
import upgradeHistory from "../Pages/InvestorUpgrade/UpgradeHistory";
import InvestorDetails from "../Pages/Investor_Management/InvestorDetails";
diff --git a/src/Theme/Theme.js b/src/Theme/Theme.js
index 5363356..05c8f71 100644
--- a/src/Theme/Theme.js
+++ b/src/Theme/Theme.js
@@ -4,42 +4,41 @@ import { extendTheme } from "@chakra-ui/react";
const customTheme = extendTheme({
colors: {
customPink: {
- 50: '#ffe5e9',
- 100: '#ffbcc9',
- 200: '#ff93a8',
- 300: '#ff6a87',
- 400: '#ff4166',
- 500: '#ff1845', // you can choose your custom color values here
- 600: '#db1139',
- 700: '#b70d2d',
- 800: '#930921',
- 900: '#700616',
+ 50: "#ffe5e9",
+ 100: "#ffbcc9",
+ 200: "#ff93a8",
+ 300: "#ff6a87",
+ 400: "#ff4166",
+ 500: "#ff1845", // you can choose your custom color values here
+ 600: "#db1139",
+ 700: "#b70d2d",
+ 800: "#930921",
+ 900: "#700616",
},
forestGreen: {
- 50: '#ffe6e9',
- 100: '#f8c2c7',
- 200: '#ef9da4',
- 300: '#e67882',
- 400: '#dd5460',
- 500: '#DE858E', // primary shade for your custom color
- 600: '#DE858E',
- 700: '#DE858E',
- 800: '#DE858E',
- 900: '#DE858E',
- },
- forestGreen: {
- "50": "#e6f3e9",
- "100": "#c2e1c7",
- "200": "#9dcda4",
- "300": "#78b982",
- "400": "#54a560",
- "500": "#004118", // primary shade for your custom color
- "600": "#003b14",
- "700": "#003310",
- "800": "#002b0c",
- "900": "#002308"
- }
-
+ 50: "#ffe6e9",
+ 100: "#f8c2c7",
+ 200: "#ef9da4",
+ 300: "#e67882",
+ 400: "#dd5460",
+ 500: "#DE858E", // primary shade for your custom color
+ 600: "#DE858E",
+ 700: "#DE858E",
+ 800: "#DE858E",
+ 900: "#DE858E",
+ },
+ forestGreen: {
+ 50: "#e6f3e9",
+ 100: "#c2e1c7",
+ 200: "#9dcda4",
+ 300: "#78b982",
+ 400: "#54a560",
+ 500: "#004118", // primary shade for your custom color
+ 600: "#003b14",
+ 700: "#003310",
+ 800: "#002b0c",
+ 900: "#002308",
+ },
},
components: {
// Switch: {