-
-
-
-
- {cardData.map((card) => (
-
-
-
+ return (
+
+
+
+
+ {cardData.map((card) => (
+
+
+
{card.logo}
- {card.title}
-
-
- {card.decription}
-
-
- ))}
+
+ {card.title}
+
+
+
+ {card.description}
+
+
+
+ ))}
+
+
-
-);
+ );
};
export default Features;
diff --git a/context/cartContext.tsx b/context/cartContext.tsx
index f74a5cf6..f8c92c4a 100644
--- a/context/cartContext.tsx
+++ b/context/cartContext.tsx
@@ -12,14 +12,14 @@ import React, {
} from "react";
// Cart item interface extending Prisma's Cart model
-export interface cartProps extends Cart {
+export interface CartProps extends Cart {
product: productWithImages;
}
// CartContextType with necessary types
interface CartContextType {
- cartItems: cartProps[]; // List of cart items
- setCartItems: Dispatch
>; // Setter for cart items
+ cartItems: CartProps[]; // List of cart items
+ setCartItems: Dispatch>; // Setter for cart items
handleRemove: (id: string) => void; // Function to remove item by ID
}
@@ -28,7 +28,7 @@ const CartContext = createContext(undefined);
// CartProvider to wrap components where cart state is required
export const CartProvider = ({ children }: { children: ReactNode }) => {
- const [cartItems, setCartItems] = useState([]);
+ const [cartItems, setCartItems] = useState([]);
// Function to remove an item from the cart by its ID
const handleRemove = (id: string) => {
@@ -46,7 +46,7 @@ export const CartProvider = ({ children }: { children: ReactNode }) => {
export const useCart = () => {
const context = useContext(CartContext);
if (!context) {
- throw new Error("useCart must be used within a CartProvider");
+ throw new Error("useCart must be used within a CartProvider. Please ensure that you wrap your components with CartProvider.");
}
return context;
};
diff --git a/context/flashAlertContext.tsx b/context/flashAlertContext.tsx
index c183a282..8a79ddbe 100644
--- a/context/flashAlertContext.tsx
+++ b/context/flashAlertContext.tsx
@@ -2,19 +2,22 @@
import React, { createContext, useContext, useState, ReactNode } from "react";
+// Define the type for the Flash Alert Context
interface FlashAlertContextType {
- isOpen: boolean;
- openDialog: () => void;
- closeDialog: () => void;
+ isOpen: boolean; // State to track if the alert is open
+ openDialog: () => void; // Function to open the alert dialog
+ closeDialog: () => void; // Function to close the alert dialog
}
+// Create the Flash Alert Context with an undefined initial value
const FlashAlertContext = createContext(undefined);
+// FlashAlertProvider component to wrap parts of the app needing access to the context
export const FlashAlertProvider = ({ children }: { children: ReactNode }) => {
- const [isOpen, setIsOpen] = useState(false);
+ const [isOpen, setIsOpen] = useState(false); // State to manage the open/close status of the alert
- const openDialog = () => setIsOpen(true);
- const closeDialog = () => setIsOpen(false);
+ const openDialog = () => setIsOpen(true); // Function to set the alert to open
+ const closeDialog = () => setIsOpen(false); // Function to set the alert to closed
return (
@@ -23,10 +26,11 @@ export const FlashAlertProvider = ({ children }: { children: ReactNode }) => {
);
};
+// Custom hook to use the FlashAlertContext in components
export const useFlashAlert = () => {
const context = useContext(FlashAlertContext);
if (!context) {
- throw new Error("useFlashAlert must be used within a FlashAlertProvider");
+ throw new Error("useFlashAlert must be used within a FlashAlertProvider. Please ensure that you wrap your components with FlashAlertProvider.");
}
return context;
};
diff --git a/context/themeProvider.tsx b/context/themeProvider.tsx
index a44fca68..a292c875 100644
--- a/context/themeProvider.tsx
+++ b/context/themeProvider.tsx
@@ -1,18 +1,21 @@
-"use client"
+"use client"; // Ensure it runs only in the browser
-import { createContext, useContext, useState, ReactNode, useEffect } from "react";
+import { createContext, useContext, useState, ReactNode } from "react";
+// Define the type for the Theme Context
interface ThemeContextType {
- theme: string;
- toggleTheme: () => void;
+ theme: string; // Current theme: 'light' or 'dark'
+ toggleTheme: () => void; // Function to toggle the theme
}
// Create the context with a default value of undefined
const ThemeContext = createContext(undefined);
+// ThemeProvider component to provide theme state to its children
export const ThemeProvider = ({ children }: { children: ReactNode }) => {
const [theme, setTheme] = useState("light"); // Default to light theme
+ // Function to toggle between light and dark themes
const toggleTheme = () => {
setTheme((prevTheme) => (prevTheme === "light" ? "dark" : "light"));
};
@@ -26,17 +29,9 @@ export const ThemeProvider = ({ children }: { children: ReactNode }) => {
// Custom hook to use the theme context
export const useTheme = () => {
- const [loading,setLoading]=useState(true);
-
- useEffect(()=>{
- setLoading(false);
- },[])
-
- if(loading) return null;
-
const context = useContext(ThemeContext);
if (context === undefined) {
- throw new Error("useTheme must be used within a ThemeProvider");
+ throw new Error("useTheme must be used within a ThemeProvider"); // Error if not used within provider
}
- return context;
+ return context; // Return the context
};
diff --git a/package.json b/package.json
index bdb835cc..4d9d4eb8 100644
--- a/package.json
+++ b/package.json
@@ -62,11 +62,11 @@
"@types/bcrypt": "^5.0.2",
"@types/leaflet": "^1.9.14",
"@types/node": "^20.16.11",
- "@types/react": "^18",
- "@types/react-dom": "^18",
- "eslint": "^8",
+ "@types/react": "^18.0.0",
+ "@types/react-dom": "^18.0.0",
+ "eslint": "^8.0.0",
"eslint-config-next": "14.2.14",
- "postcss": "^8",
+ "postcss": "^8.0.0",
"prisma": "^5.21.0",
"tailwindcss": "^3.4.1",
"ts-node": "^10.9.2",
diff --git a/tsconfig.json b/tsconfig.json
index 97d45ddd..465d6e6b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,7 @@
{
"compilerOptions": {
"lib": ["dom", "dom.iterable", "esnext"],
- "allowJs": true,
+ "allowJs": false, // Set to false unless you need to allow JS files
"skipLibCheck": true,
"strict": true,
"noEmit": true,
@@ -22,6 +22,14 @@
},
"typeRoots": ["./types", "./node_modules/@types"]
},
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "app/(Customer)/loading.js", "multi-step-form/src/components/main.tsx", "multi-step-form/src/components/sidebar.tsx"],
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx",
+ ".next/types/**/*.ts",
+ "app/(Customer)/loading.js",
+ "multi-step-form/src/components/main.tsx",
+ "multi-step-form/src/components/sidebar.tsx"
+ ],
"exclude": ["node_modules"]
}