+ {!isChatOpen ? (
+
+ );
+};
+
+export default LiveChat;
diff --git a/src/components/product/Product.tsx b/src/components/product/Product.tsx
index cb951b2e..02f9bc88 100644
--- a/src/components/product/Product.tsx
+++ b/src/components/product/Product.tsx
@@ -192,7 +192,7 @@ const Product: React.FC
+ {unreadCount}
+
+
+
+
+
+ ) : (
+
+
+ )}
+ {isModalOpen && (
+
+
+ {!isMinimized && (
+ <>
+ Live Chat | E-commerce Ninjas
+
+ {isMinimized ? (
+
+
+
+
+ ) : (
+
+
+
+
+ )}
+
+
+
+
+
+
+
+ {isNotificationEnabled ? (
+
+
+
+
+ {messages.map((msg, index) => {
+ let textImage = [];
+ let messageText = msg.text;
+ const isFirstUnread =
+ isUnread(msg.timestamp) &&
+ (index === 0 || !isUnread(messages[index - 1]?.timestamp));
+ if (messageText?.includes(" + ")) {
+ const [imagesPart, ...messageParts] =
+ messageText.split(" + ");
+ textImage = imagesPart
+ .split(", ")
+ .filter((url) => url.startsWith("http"));
+ messageText = messageParts.join(" + ");
+ }
+
+ return (
+
+ {isFirstUnread && (
+
+ );
+ })}
+
+
+ New
+
+ )}
+
+
+
+ 
+
+
+
+ {msg.username?.toLowerCase()}
+
+
+ {messageText}
+
+ {(msg.images?.length > 0 || textImage.length > 0) && (
+
+ {index === messages.length - 1 && }
+
+ {(msg.images || textImage).map(
+ (image: string, idx: number) => (
+
+ )}
+
+ {new Date(msg.timestamp)
+ .toLocaleTimeString([], {
+ hour: "2-digit",
+ minute: "2-digit",
+ hour12: true,
+ })
+ .toUpperCase()}
+
+
+ 
handleImageClick(image)}
+ />
+ handleImageClick(image)}
+ />
+
+ )
+ )}
+
+ {allImages && allImages.length > 0 && (
+
+
+ )}
+
+ {allImages
+ ? allImages.map((msg, index) => (
+
+ )}
+
+ 
+ {
+ removeImage(index);
+ }}
+ >
+
+ ))
+ : null}
+
+ e.key === "Enter" && sendMessage()}
+ ref={inputRef}
+ style={{
+ fontFamily:
+ "Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif",
+ }}
+ />
+
+ setIsEmojiPickerOpen((prev) => !prev)}
+ >
+
+ ☺️
+
+
+
+
+ {loading ? (
+
+
+ ) : (
+ fileInputRef.current.click()}>
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
+ 
+
+ {price}
- Stock: + Stock: {stock}
{isLoading ? (
@@ -76,12 +96,27 @@ const ProductsPage: React.FC = () => {
) : (
-
+ All products
+Products
+
+
+
+
+ setPriceRange([priceRange[0], Number(e.target.value)])
+ }
+ />
+ ${priceRange[0]} - ${priceRange[1]}
+
{isSuccess &&
- Array.isArray(products) &&
- products?.map((product: any) => (
+ Array.isArray(filteredProducts) &&
+ filteredProducts.map((product: any) => (
{
if (products && products.length > 0) {
const sortedPrices = Array.from(
new Set(products.map((product: any) => product.price))
- ).sort((a, b) => a - b);
+ ).sort((a:number, b:number) => a - b) as number[];
setSelectPrice(sortedPrices);
const priceOptions = sortedPrices.map(price => ({ label: `$${price}`, value: price.toString() }));
@@ -67,10 +67,10 @@ const SearchBar: React.FC = () => {
}
const sortedDiscounts = Array.from(
- new Set(products.map((product: any) => product.discount))
+ new Set(products.map((product: any) => { return typeof product.discount === 'string' ? Number(product.discount) : product.discount;}))
)
- .sort((a, b) => parseInt(a) - parseInt(b))
- .map((discount) => ({ label: `${discount}`, value: discount }));
+ .sort((a:number, b:number) => a - b)
+ .map((discount) => ({ label: `${discount}`, value: String(discount) }));
setDiscountOptions(sortedDiscounts);
}
}, [products]);
@@ -112,9 +112,11 @@ const SearchBar: React.FC = () => {
useEffect(() => {
if (filteredProducts && filteredProducts.length > 0) {
- const sortedPrices = Array.from(
- new Set(filteredProducts.map((product: any) => product.price))
- ).sort((a, b) => a - b);
+ const uniquePrice = Array.from(
+ new Set(filteredProducts.map((product: any) =>{ return typeof product.price === 'string' ? Number(product.price) : product.price;}))
+ );
+ const sortedPrices: any[] = uniquePrice
+ .sort((a:number, b:number) => a - b);
setSelectPrice(sortedPrices);
const priceOptions = sortedPrices.map(price => ({ label: `$${price}`, value: price.toString() }));
@@ -127,16 +129,14 @@ const SearchBar: React.FC = () => {
}
const sortedDiscounts = Array.from(
- new Set(filteredProducts.map((product: any) => product.discount))
+ new Set(filteredProducts.map((product: any) => { return typeof product.price === 'string' ? Number(product.price) : product.price;}))
)
- .sort((a, b) => parseInt(a) - parseInt(b))
- .map((discount) => ({ label: `${discount}`, value: discount }));
+ .sort((a:number, b:number) => a - b)
+ .map((discount) => ({ label: `${discount}`, value: String(discount) }));
setDiscountOptions([{label:'Discount', value: ''},...sortedDiscounts]);
}
}, [filteredProducts]);
-
-
return (
<>
diff --git a/src/pages/UserViewCart.tsx b/src/pages/UserViewCart.tsx
index d49826c1..ff423333 100644
--- a/src/pages/UserViewCart.tsx
+++ b/src/pages/UserViewCart.tsx
@@ -1,9 +1,9 @@
/* eslint-disable */
-import React, { useEffect, useState } from 'react';
-import { Meta } from '../components/Meta';
-import { useAppDispatch, useAppSelector } from '../store/store';
-import { PuffLoader, PulseLoader } from 'react-spinners';
-import { toast } from 'react-toastify';
+import React, { useEffect, useState } from "react";
+import { Meta } from "../components/Meta";
+import { useAppDispatch, useAppSelector } from "../store/store";
+import { PuffLoader, PulseLoader } from "react-spinners";
+import { toast } from "react-toastify";
import {
checkout,
getUserCarts,
@@ -15,7 +15,7 @@ import {
createSessionStripe,
updateCartStatus,
userSaveOrder,
-} from '../store/features/carts/cartSlice';
+} from "../store/features/carts/cartSlice";
import {
FaCheckSquare,
FaMinus,
@@ -24,20 +24,20 @@ import {
FaTrash,
FaGift,
FaShippingFast,
-} from 'react-icons/fa';
-import { GiBroom } from 'react-icons/gi';
-import { useNavigate } from 'react-router-dom';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-import Product from '../components/product/Product';
-import { Box, LinearProgress } from '@mui/material';
-import Button from '@mui/material/Button';
-import Dispatch from 'react';
-import { fetchUserProfile } from '../store/features/user/userSlice';
-import { useLocation } from 'react-router-dom';
+} from "react-icons/fa";
+import { GiBroom } from "react-icons/gi";
+import { useNavigate } from "react-router-dom";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogContentText from "@mui/material/DialogContentText";
+import DialogTitle from "@mui/material/DialogTitle";
+import Product from "../components/product/Product";
+import { Box, LinearProgress } from "@mui/material";
+import Button from "@mui/material/Button";
+import Dispatch from "react";
+import { fetchUserProfile } from "../store/features/user/userSlice";
+import { useLocation } from "react-router-dom";
const UserViewCart: React.FC = () => {
const dispatch = useAppDispatch();
@@ -56,8 +56,8 @@ const UserViewCart: React.FC = () => {
const [open, setOpen] = useState(false);
const [cartToPay, setCartToPay] = useState(null);
const [amountToPay, setAmountToPay] = useState(null);
- const [stripePrice, setStripePrice] = useState('');
- const [currentEndpoint, setCurrentEndpoint] = useState('');
+ const [stripePrice, setStripePrice] = useState("");
+ const [currentEndpoint, setCurrentEndpoint] = useState("");
const navigate = useNavigate();
const location = useLocation();
@@ -73,20 +73,20 @@ const UserViewCart: React.FC = () => {
setIsLoading(true);
const response = await dispatch(getUserCarts());
const response1 = await dispatch(getUserCarts()).unwrap();
- if (response.payload === 'Not authorized') {
+ if (response.payload === "Not authorized") {
setIsLoggedOut(true);
- toast.error('Please login first');
- navigate('/login');
+ toast.error("Please login first");
+ navigate("/login");
}
setCartResponseData(response1.data);
setIsLoading(false);
} catch (error: any) {
- if (error === 'Not authorized') {
+ if (error === "Not authorized") {
setIsLoggedOut(true);
- toast.error('Please login first');
- navigate('/login');
+ toast.error("Please login first");
+ navigate("/login");
}
- console.error('Error fetching carts:', error);
+ console.error("Error fetching carts:", error);
setIsLoading(false);
setIsError(true);
toast.error(error.message);
@@ -108,12 +108,12 @@ const UserViewCart: React.FC = () => {
const response = await dispatch(checkout(cartId));
if (!response.payload) {
throw new Error(
- 'Checkout failed, Check your internet connection or tryagainlater'
+ "Checkout failed, Check your internet connection or try again later"
);
}
- localStorage.setItem('cartToPay', cartId);
+ localStorage.setItem("cartToPay", cartId);
- localStorage.setItem('productsToSave', JSON.stringify(productsArr));
+ localStorage.setItem("productsToSave", JSON.stringify(productsArr));
const totalCartAmount = response.payload.data.totalAmount;
const array = cartResponseData.carts[index];
@@ -126,14 +126,14 @@ const UserViewCart: React.FC = () => {
);
setTotalProductPrice(totalProductPrice);
- const names = productsArr.map((product) => product.name).join(', ');
+ const names = productsArr.map((product) => product.name).join(", ");
const descriptions = productsArr
.map((product) => product.description)
- .join(', ');
+ .join(", ");
const image1 = productsArr[0]?.image;
const image2 = productsArr[1]?.image;
const shopidToSave: any = productsArr[0]?.shopId;
- localStorage.setItem('shopIdToSave', shopidToSave);
+ localStorage.setItem("shopIdToSave", shopidToSave);
const unit_amount = Math.round(totalCartAmount * 100);
@@ -147,17 +147,18 @@ const UserViewCart: React.FC = () => {
unit_amount: unit_amount,
})
);
+ console.log(stripeProduct);
localStorage.setItem(
- 'stripePrice',
+ "stripePrice",
stripeProduct.payload.data.product.default_price
);
setCheckoutSuccess(true);
- toast.success('Checkout is done Successfully');
+ toast.success("Checkout is done Successfully");
} catch (error) {
- console.error('Checkout failed', error);
- toast.error('Checkout failed');
+ console.error("Checkout failed", error);
+ toast.error("Checkout failed");
} finally {
setIsPreloader(false);
}
@@ -168,17 +169,19 @@ const UserViewCart: React.FC = () => {
setIsPreloader(true);
const profile: any = await dispatch(fetchUserProfile());
const data = {
- successUrl: 'https://e-commerce-ninja-fn-staging.netlify.app/shopping-cart?success',
- cancelUrl: 'https://e-commerce-ninja-fn-staging.netlify.app/shopping-cart?cancel',
+ successUrl:
+ "https://e-commerce-ninja-fn-staging.netlify.app/shopping-cart?success",
+ cancelUrl:
+ "https://e-commerce-ninja-fn-staging.netlify.app/shopping-cart?cancel",
customerEmail: profile.payload.email,
- price: localStorage.getItem('stripePrice'),
+ price: localStorage.getItem("stripePrice"),
};
const response = await dispatch(createSessionStripe(data));
const url = response.payload.data.session.url;
window.location.href = url;
} catch (error) {
- console.error('Checkout failed', error);
- toast.error('Payment initialization failed, try again later');
+ console.error("Checkout failed", error);
+ toast.error("Payment initialization failed, try again later");
} finally {
setIsPreloader(false);
}
@@ -186,38 +189,38 @@ const UserViewCart: React.FC = () => {
const checkPayFailOrSuccess = async () => {
const params = window.location.search.slice(1);
- if (params === 'success') {
+ if (params === "success") {
setIsPreloader(true);
- const cartId = localStorage.getItem('cartToPay');
- const products = localStorage.getItem('productsToSave');
- const shopId = localStorage.getItem('shopIdToSave');
+ const cartId = localStorage.getItem("cartToPay");
+ const products = localStorage.getItem("productsToSave");
+ const shopId = localStorage.getItem("shopIdToSave");
if (!cartId || !products || !shopId) {
- navigate('/shopping-cart');
- toast.error('Unkonwn error occured saving order');
+ navigate("/shopping-cart");
+ toast.error("Unknown error occurred saving order");
return;
}
const data = {
cartId: cartId,
- status: 'Paid',
+ status: "Paid",
};
const cartStatus = await dispatch(updateCartStatus(data));
const order = await dispatch(
userSaveOrder({
cartId: cartId,
- paymentMethodId: 'Stripe',
+ paymentMethodId: "Stripe",
products: products,
shopId: shopId,
})
);
- toast.success('Cart Payment successful');
- localStorage.removeItem('cartToPay');
- localStorage.removeItem('productsToSave');
- localStorage.removeItem('shopIdToSave');
- navigate('/shopping-cart');
+ toast.success("Cart Payment successful");
+ localStorage.removeItem("cartToPay");
+ localStorage.removeItem("productsToSave");
+ localStorage.removeItem("shopIdToSave");
+ navigate("/shopping-cart");
setIsPreloader(false);
- } else if (params === 'cancel') {
- toast.error('Payment cancelled successfully');
- navigate('/shopping-cart');
+ } else if (params === "cancel") {
+ toast.error("Payment cancelled successfully");
+ navigate("/shopping-cart");
setIsPreloader(false);
}
};
@@ -275,12 +278,12 @@ const UserViewCart: React.FC = () => {
toast.error(response.message);
}
} catch (error: any) {
- if (error === 'Not authorized') {
- localStorage.setItem('pendingCartProduct', productId);
- toast.error('Please login first');
- navigate('/login');
+ if (error === "Not authorized") {
+ localStorage.setItem("pendingCartProduct", productId);
+ toast.error("Please login first");
+ navigate("/login");
} else {
- toast.error('Something went wrong. Please try again later.');
+ toast.error("Something went wrong. Please try again later.");
}
} finally {
setIsLoading(false);
@@ -303,8 +306,8 @@ const UserViewCart: React.FC = () => {
await dispatch(clearCarts()).unwrap();
setIsPreloader(false);
await fetchCarts();
- toast.success('Cart cleared successfully');
- navigate('/shopping-cart');
+ toast.success("Cart cleared successfully");
+ navigate("/shopping-cart");
handleClose();
};
@@ -320,10 +323,10 @@ const UserViewCart: React.FC = () => {
);
setCartResponseData({ ...cartResponseData, carts: remainingCarts });
setIsPreloader(false);
- toast.success('Cart cleared successfully');
+ toast.success("Cart cleared successfully");
} catch (error) {
- console.error('Error clearing cart:', error);
- toast.error('Failed to clear the cart');
+ console.error("Error clearing cart:", error);
+ toast.error("Failed to clear the cart");
} finally {
setIsPreloader(false);
}
@@ -343,9 +346,9 @@ const UserViewCart: React.FC = () => {
const response = await dispatch(clearCartProduct({ cartId, productId }));
const response1 = await dispatch(getUserCarts()).unwrap();
setCartResponseData(response1.data);
- toast.success('product cleared successfully');
+ toast.success("product cleared successfully");
} catch (error) {
- toast.error('Failed to clear the product ');
+ toast.error("Failed to clear the product ");
throw error;
} finally {
setIsPreloader(false);
@@ -362,211 +365,228 @@ const UserViewCart: React.FC = () => {
{isPreloader && (
-
-
+
)}
-
-
-
+
- {cartResponseData?.carts?.map((cart: any, index) => (
-
-
-
Shopping Cart
- {cart.status === 'Paid' ? ( - - ) : ( - - )} +
+
+
+
+
+ {cartResponseData?.carts?.map((cart: any, index) => (
+
+
+ handleClearSingleCart(cart.cartId)}
- />
-
- Shopping Cart
+ {cart.status === "Paid" ? ( + + ) : ( + + )} -
- {cart.products.map((product: any) => {
- return (
-
-
-
-
-
- 
-
-
-
- ))}
- navigate(`/product/${product.id}`)}> - {product.name} -
-
-
-
- {product.discount}
-
- {cart.status !== 'Paid' && (
- ${product.price}
-
- handleClearSingleCart(cart.cartId)}
+ />
+
+
-
-
-
-
-
-
-
+
+ {cart.products.map((product: any) => {
+ return (
+
- );
- })}
-
+
-
+
+
+
+
+
+
navigate(`/product/${product.id}`)} + > + {product.name} +
+
+
+
+ {product.discount}
+
+
- )}
+ {cart.status !== "Paid" && (
+ ${product.price}
+ {product.description}
+
+ )}
+
+
+
+
+
+
+
+
+
-
-
-
Voucher and promo
-
-
+
-
-
- There are {cartResponseData?.carts?.length} vouchers for you.
+
+ ))}
+
+
+
-
+
- Voucher and promo
+
+
+
+
+ There are {cartResponseData?.carts?.length} vouchers for
+ you.
+
-
Shipping cost
-
-
- {isCheckoutSuccess ? (
-
-
-
+
Shipping cost
+
+
-
+
+ $ 0.00
$ 0.00
- ) => {
+ .addCase( getUserDetails.fulfilled, (state, action: PayloadAction) => {
state.isError = false;
state.isSuccess = true;
state.isAuthenticated = true;
diff --git a/src/store/features/carts/cartSlice.tsx b/src/store/features/carts/cartSlice.tsx
index 03149494..b643bc63 100644
--- a/src/store/features/carts/cartSlice.tsx
+++ b/src/store/features/carts/cartSlice.tsx
@@ -212,6 +212,7 @@ const cartSlice = createSlice({
state.isError = false;
state.isSuccess = true;
state.carts = action.payload.data.carts;
+ console.log(state.carts)
let cartProductsTotal = 0;
let cartTotalAmount = 0;
let cartsProductsList = [];
diff --git a/src/store/features/chat/chatSlice.tsx b/src/store/features/chat/chatSlice.tsx
new file mode 100644
index 00000000..7d6a4843
--- /dev/null
+++ b/src/store/features/chat/chatSlice.tsx
@@ -0,0 +1,52 @@
+/* eslint-disable */
+import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
+import axios from 'axios';
+
+export const uploadImage = createAsyncThunk(
+ 'chat/uploadImage',
+ async (file:File, thunkAPI) => {
+ console.log(file)
+ const formData = new FormData();
+ formData.append("file",file);
+ formData.append("upload_preset", "pbyvho95");
+
+ try {
+ const response = await axios.post("https://api.cloudinary.com/v1_1/du0vvcuiz/image/upload",formData)
+ return response.data.secure_url;
+ } catch (error) {
+ return thunkAPI.rejectWithValue(error.message);
+ }
+ }
+);
+
+const chatSlice = createSlice({
+ name: 'chat',
+ initialState: {
+ images: [],
+ loading: false,
+ error: null,
+ },
+ reducers: {
+ addMessage: (state, action) => {
+ state.images.push(action.payload);
+ },
+ },
+ extraReducers: (builder) => {
+ builder
+ .addCase(uploadImage.pending, (state) => {
+ state.loading = true;
+ state.error = null;
+ })
+ .addCase(uploadImage.fulfilled, (state, action) => {
+ state.loading = false;
+ state.images.push(action.payload);
+ localStorage.setItem("uploadedImages", JSON.stringify(state.images));
+ })
+ .addCase(uploadImage.rejected, (state, action) => {
+ state.loading = false;
+ state.error = action.payload;
+ });
+ },
+});
+
+export default chatSlice.reducer;
diff --git a/src/store/reducers/index.ts b/src/store/reducers/index.ts
index 2dbdf13f..f53fa139 100644
--- a/src/store/reducers/index.ts
+++ b/src/store/reducers/index.ts
@@ -10,8 +10,9 @@ import singleSellerProductReducer from '../features/product/sellerProductSlice';
import sellerCollectionProducts from '../features/product/sellerCollectionProductsSlice';
import adminReducer from '../features/admin/adminSlice';
import cartReducer from "../features/carts/cartSlice";
+import chatReducer from '../features/chat/chatSlice';
import userReducer from "../features/user/userSlice"
-import { RESET_STATE } from '../actions/resetAction';
+import { CLEAR_IMAGES, RESET_STATE } from '../actions/resetAction';
const appReducer = combineReducers({
initialMessage: welcomeReducer,
@@ -24,6 +25,7 @@ const appReducer = combineReducers({
sellerCollectionProducts: sellerCollectionProducts,
admin: adminReducer,
cart: cartReducer,
+ chat: chatReducer,
user: userReducer
});
@@ -31,6 +33,12 @@ const rootReducer = (state, action) => {
if (action.type === RESET_STATE) {
state = undefined;
}
+ if(action.type === CLEAR_IMAGES) {
+ return {
+ ...state,
+ images: []
+ };
+ }
return appReducer(state, action);
};
diff --git a/src/utils/protectRoute/ProtectedRoute.tsx b/src/utils/protectRoute/ProtectedRoute.tsx
index ab0679d5..c32eb66e 100644
--- a/src/utils/protectRoute/ProtectedRoute.tsx
+++ b/src/utils/protectRoute/ProtectedRoute.tsx
@@ -50,7 +50,7 @@ const ProtectedRoute = ({ redirectPath = '/', children }) => {
}
if (!isAuthenticated) {
- toast.info('You need to be logged in to access this page');
+ toast.info('Please log in to access this page.');
return
Order details
+ {isCheckoutSuccess ? ( +
+
diff --git a/src/pages/admin/Dashboard.tsx b/src/pages/admin/Dashboard.tsx
index 745e438d..895d384a 100644
--- a/src/pages/admin/Dashboard.tsx
+++ b/src/pages/admin/Dashboard.tsx
@@ -34,7 +34,7 @@ export const AdminDashboard = () => {
dispatch(logout());
setTimeout(() => {
navigate("/");
- }, 1000);
+ }, 2000);
};
useEffect(() => {
diff --git a/src/pages/admin/Users.tsx b/src/pages/admin/Users.tsx
index 4539f3d5..0326bc31 100644
--- a/src/pages/admin/Users.tsx
+++ b/src/pages/admin/Users.tsx
@@ -73,7 +73,6 @@ export default function Users() {
};
const handleStatusChange = (userId:string, isEnabled:boolean) => {
- console.log("userID:" ,userId,"status:",isEnabled)
setLocalUserState((prevState) =>
prevState.map((user) =>
user.id === userId? {...user, newStatus: isEnabled ? "enabled" : "disabled" } : user
diff --git a/src/pages/seller/SellerDashboard.tsx b/src/pages/seller/SellerDashboard.tsx
index 20cc2082..5ddd2535 100644
--- a/src/pages/seller/SellerDashboard.tsx
+++ b/src/pages/seller/SellerDashboard.tsx
@@ -1,10 +1,14 @@
/* eslint-disable */
-import React from 'react'
+import React from "react";
+import LiveChat from "../../components/live-chat/LiveChat";
const SellerDashboard = () => {
return (
- Order details
- {arrayOfProduct.products.map((product, index) => ( -
-
{product.name}:
- ${product.price}
+ {arrayOfProduct.products.map((product, index) => (
+
+
+ ))}
+ {product.name}:
+ ${product.price}
+
+
- ))}
- Total Discount:
+
+ ${(totalProductPrice - checkoutData).toFixed(2)}
+
-
- ) : null}
-
+ ) : null}
+
+ Total Discount:
-
- ${(totalProductPrice - checkoutData).toFixed(2)}
+
-
+
+
Total amount:
+ ${checkoutData.toFixed(2)}
-
-
- Total amount:
- ${checkoutData.toFixed(2)}
- SellerDashboard
- )
-}
+ <>
+ SellerDashboard
+ {/*