+
+
+ )
+}
+
+export default DeliveryCountdown
\ No newline at end of file
diff --git a/src/components/HomeAuth.tsx b/src/components/HomeAuth.tsx
new file mode 100644
index 00000000..0fcb26eb
--- /dev/null
+++ b/src/components/HomeAuth.tsx
@@ -0,0 +1,245 @@
+import { Search, MapPin, Clock, Package, RefreshCw, CheckCircle2, X } from 'lucide-react'
+import { useNavigate } from 'react-router-dom'
+import { useState } from 'react'
+import { useGetOrderByTownQuery, useGetOrderByPreferencesQuery, useGetUserQuery } from '@/services/auth'
+import { formatDate } from '@/lib/formatDate'
+import IsLoadingComponents from './ui/isLoadingComponents'
+import { motion,AnimatePresence } from 'framer-motion'
+
+
+const HomeAuth = () => {
+
+
+ const navigate = useNavigate()
+ const [searchQuery, setSearchQuery] = useState('')
+ const [activeTab, setActiveTab] = useState('all')
+ const { data: ordersCity, isLoading } = useGetOrderByTownQuery('Auth')
+ const { data: ordersPreferences, isLoading: isLoadingPreferences } = useGetOrderByPreferencesQuery("Auth")
+ const [message, setMessage] = useState(sessionStorage.getItem('message') || '');
+ const { data: userData } = useGetUserQuery('Auth', {
+ refetchOnFocus: false,
+ refetchOnMountOrArgChange: false,
+ refetchOnReconnect: false,
+ pollingInterval: 0,
+ });
+
+ const handleCloseMessage = () => {
+ sessionStorage.removeItem('message');
+ setMessage('');
+ };
+ return
+
+
+ Temps de livraison restant
+
+ {/* Cercle de progression */}
+
+
+ {/* Modal de confirmation */}
+ {showConfirmModal && (
+
+ {/* Cercle de fond */}
+
+ {/* Affichage du temps au centre */}
+
+
+ {/* Alerte temps faible */}
+ {timeLeft > 0 && timeLeft < 600 && (
+
+
+ {formatTime(timeLeft)}
+
+
+
+
+ )}
+
+ {/* Boutons d'action */}
+
+ {!isRunning && timeLeft === 0 && (
+
+ )}
+
+ {isRunning && (
+ <>
+
+
+
+ )}
+
+
+
+ )}
+
+ {/* Modal de rapport */}
+ {showReportModal && deliveryReport && (
+
+
+ Confirmer la fin de livraison
+
+
+
+
+ + Attention : En cas de fausse déclaration de livraison terminée, + votre compte sera immédiatement suspendu et vous ne pourrez plus + effectuer de livraisons sur la plateforme. +
++ Êtes-vous sûr d'avoir bien livré la commande #{orderId} ? +
+
+
+
+
+
+
+ )}
+
+ {/* Contenu du rapport à convertir en PDF */}
+
+
+
+
+
+ 
+
+
+
+
+ Rapport de Livraison
+Commande #{orderId}
+
+
+
+
+ Informations de livraison
+
+
+
+
+ Début de la livraison
++ {format(deliveryReport.startTime, 'dd/MM/yyyy HH:mm:ss')} +
+
+
+ Fin de la livraison
++ {format(deliveryReport.endTime, 'dd/MM/yyyy HH:mm:ss')} +
+
+
+ Durée prévue
++ {formatDuration(deliveryReport.expectedDuration)} +
+
+
+ Durée réelle
++ {formatDuration(deliveryReport.actualDuration)} +
+
+
+ Statut
++ {deliveryReport.isOvertime ? 'Dépassement de temps' : 'Dans les temps'} +
+
+
+
+
+
+
+
+ {message && (
+
+
+ )}
+
+ {userData?.feedbacks.length >0 && userData?.isDelivery === 0 && (
+
+
+
+
+
+
+
+
+
+ )}
+ {userData?.isDelivery === 0 && userData?.feedbacks.length ===0 && (
+
+
+ Documents à mettre à jour
++ {userData.feedbacks[0].message} +
+ +
+
+ )}
+ {userData?.isDelivery === 1 && (
+
+
+
+
+
+
+
+
+
+ Compte en cours d'activation
+ ++ Notre équipe examine actuellement votre dossier. Cette vérification permet de garantir la qualité de notre service. Vous recevrez une notification dès que votre compte sera activé. +
+ +
+
+
+
+
+ Traitement en cours...
+
+
+ {/* En-tête de la section */}
+
+ )}
+
+
+
+ {/* Barre de recherche */}
+
+
+
+ + Tableau de bord Livreur +
++ Retrouvez ici toutes les commandes disponibles +
+
+
+
+ {/* Onglets */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Liste des commandes */}
+
+ {isLoading &&
+ navigate(`/order/${order.id}`)}
+ >
+ {/* Header */}
+
+ ))}
+ {activeTab === "all" && !isLoading && ordersCity?.length === 0 &&
+
+
+ {/* Divider */}
+
+
+ {/* Meta */}
+
+
+
+ {order.isTake == "0" ? "En attente" : "En cours"}
+
+
+
+
+
+ Commande #{order.id}
+
+
+
+
+
+
+ Voir les détails →
+ Aucune commande disponible
}
+ {isLoadingPreferences && navigate(`/order/${order.id}`)}
+ >
+ {/* Header */}
+
+ ))}
+ {activeTab === 'nearby' && !isLoadingPreferences && ordersPreferences?.length === 0 &&
+
+
+ {/* Divider */}
+
+
+ {/* Meta */}
+
+
+
+ {order.isTake == "0" ? "En attente" : "En cours"}
+
+
+
+
+
+ Commande #{order.id}
+
+
+
+
+
+
+ Voir les détails →
+ Aucune commande disponible
}
+
+
+
+
+ {/* Stats Section */}
+
+
+
+
+
+
+ Livrez avec Akevas
+
+
+ Livrez avec Akevas
+ Gagnez en liberté
+
+ + Rejoignez notre communauté de livreurs et profitez d'horaires flexibles, + de revenus attractifs et d'un support 24/7. +
+
+
+
+
+
+ 
+
+
+
+
+ {/* Why Akevas Section */}
+
+
+
+
+
+
+
+
+
+
+
+ Flexibilité
+Choisissez vos horaires
+
+
+
+
+
+
+
+
+
+ 25k FCFA
+Gain moyen/jour
+
+
+
+
+
+
+
+
+
+ Protection
+100% assuré
+
+
+
+ {/* Guide Section */}
+
+
+
+
+
+ Pourquoi choisir Akevas ?
++ Rejoignez la plateforme de livraison qui met ses livreurs au premier plan +
+
+
+
+
+
+
+
+ Flexibilité totale
++ Définissez vos propres horaires et zones de livraison. Travaillez quand vous le souhaitez. +
+
+
+
+
+
+ Revenus attractifs
++ Gagnez plus avec nos bonus, primes et pourboires. Paiements hebdomadaires garantis. +
+
+
+
+
+ Protection complète
++ Assurance tous risques et support 24/7 pour votre tranquillité d'esprit. +
+
+
+
+ {/* Final CTA Section */}
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ +2000
+Livreurs actifs
+
+
+ Une application intuitive pour une expérience optimale
++ Notre application mobile vous permet de gérer facilement vos livraisons, suivre vos gains + et optimiser vos trajets. Tout ce dont vous avez besoin dans une seule interface. +
+-
+
-
+ + ++ Navigation GPS optimisée +
+
-
+ + ++ Suivi des gains en temps réel +
+
-
+ + ++ Support chat intégré +
+
+
+
+ )
+}
+export default HomeGuard
\ No newline at end of file
diff --git a/src/components/Layouts/AdminRootDashboard.tsx b/src/components/Layouts/AdminRootDashboard.tsx
deleted file mode 100644
index 9667a741..00000000
--- a/src/components/Layouts/AdminRootDashboard.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react'
-import { Sidebar } from '../dashboard/admin/layouts/Sidebar'
-import { Header } from '../dashboard/admin/layouts/Header'
-export default function AdminRootDashboard({children}:{children:React.ReactNode}) {
- //const {data:userData}=useGetUserQuery('Auth')
- //if(userData?.role_id!==1){
- //return (
- //
+
+ + Prêt à commencer l'aventure ? +
++ Rejoignez Akevas aujourd'hui et découvrez une nouvelle façon de travailler. + Inscription rapide, formation complète et démarrage immédiat. +
+
+
+
+
+
-
- )
-}
diff --git a/src/components/Layouts/DeliveryRootDashboard.tsx b/src/components/Layouts/DeliveryRootDashboard.tsx
index 307967e6..fd5fa986 100644
--- a/src/components/Layouts/DeliveryRootDashboard.tsx
+++ b/src/components/Layouts/DeliveryRootDashboard.tsx
@@ -1,65 +1,60 @@
-'use client'
-import { useGetUserQuery } from '@/services/auth'
-import { Activity, Clock, DollarSign, Home, Package, Settings, Star } from 'lucide-react'
-import Header from '@/components/delivery/header'
+import { useState, useEffect } from 'react'
-import { Link } from 'react-router-dom'
+import Header from '@/components/ui/header'
+import TopBar from '../ui/topBar'
+import ActiveDeliveryButton from '../ActiveDeliveryButton'
export default function DeliveryRootDashboard({ children }: { children: React.ReactNode }) {
- const { data: userData } = useGetUserQuery('Auth')
+ const [activeDelivery, setActiveDelivery] = useState
-
-
{/* Top Navigation */}
+
)
}
diff --git a/src/components/Layouts/SellerRootDashboard.tsx b/src/components/Layouts/SellerRootDashboard.tsx
deleted file mode 100644
index e40fabd5..00000000
--- a/src/components/Layouts/SellerRootDashboard.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useState, useEffect } from 'react';
-
-import Sidebar from '@/components/seller/Sidebar';
-import Header from '@/components/dashboard/seller/layouts/header';
-import { useCurrentSellerQuery } from '@/services/sellerService';
-import {SellerResponse } from '@/types/seller';
-
-
-
-export default function SellerRootDashboard({children}:{children:React.ReactNode}) {
-
-
- const [isSidebarOpen, setIsSidebarOpen] = useState(false);
- const [isMobile, setIsMobile] = useState(false);
-const {data: { data: sellerData } = {}}=useCurrentSellerQuery
- {/* Sidebar */}
-
-
- {/* Main Dashboard */}
-
- {children}
-
-
+
+
+
+ {/* Main Dashboard */}
+
+ {children}
+ {activeDelivery &&
- {/* Sidebar */}
- setIsSidebarOpen(false)}
- isMobile={isMobile}
- />
-
- {/* En-tête avec navigation */}
-
-
- {children}
-
- )
-}
diff --git a/src/components/Layouts/UserRootDashboard.tsx b/src/components/Layouts/UserRootDashboard.tsx
deleted file mode 100644
index b7407f09..00000000
--- a/src/components/Layouts/UserRootDashboard.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useGetUserQuery} from '@/services/auth';
-import Header from '@/components/dashboard/user/layouts/header';
-
-const UserRootDashboard = ({children}:{children:React.ReactNode}) => {
- const { data: userData } = useGetUserQuery('Auth');
-
-
-
- return (
-
-
-
- {children}
-
-
-
- );
-};
-
-export default UserRootDashboard;
\ No newline at end of file
diff --git a/src/components/UpdateDocuments.tsx b/src/components/UpdateDocuments.tsx
new file mode 100644
index 00000000..5504526e
--- /dev/null
+++ b/src/components/UpdateDocuments.tsx
@@ -0,0 +1,168 @@
+import { useState } from 'react'
+import { Upload, X } from 'lucide-react'
+import { useGetUserQuery, useUpdateDocumentsMutation } from '@/services/auth'
+
+type DocumentKeys = 'identity_card_in_front' | 'identity_card_with_the_person' | 'drivers_license' | 'vehicle_image';
+
+const documentLabels: Record
+
+ )
+}
+
+export default UpdateDocuments
\ No newline at end of file
diff --git a/src/components/cart/CartModal.tsx b/src/components/cart/CartModal.tsx
deleted file mode 100644
index 78ed00cd..00000000
--- a/src/components/cart/CartModal.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import React from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
-import { X, Plus, Minus, ShoppingBag } from 'lucide-react';
-import { Link } from 'react-router-dom';
-
-export interface CartItem {
- id: string;
- name: string;
- price: number;
- quantity: number;
- image: string;
- storeCode: string;
- variants?: {
- size?: string;
- color?: string;
- weight?: string;
- };
-}
-
-interface CartModalProps {
- isOpen: boolean;
- onClose: () => void;
- items: CartItem[];
- onUpdateQuantity: (id: string, quantity: number) => void;
- onRemoveItem: (id: string) => void;
-}
-
-const CartModal: React.FC+ Mise à jour des documents +
+ + {userData?.feedbacks && userData.feedbacks.length > 0 && ( +
+
+ )}
+
+
+ Message de l'administrateur :
+ {userData.feedbacks.map((feedback:any) => ( ++ {feedback.message} +
+ ))} +
-
-
- {items.length === 0 ? (
- Mon Panier
- -
-
- ) : (
- <>
- {/* Items List */}
- Votre panier est vide
- - Continuer mes achats - -
-
-
- {/* Footer */}
-
- {items.map((item) => (
-
-
- 
-
- ))}
-
-
-
-
- - {item.name} -
- -- Code: {item.storeCode} -
- {item.variants && ( -
- {Object.entries(item.variants).map(([key, value]) => (
-
- {key}: {value}
-
- ))}
-
- )}
-
-
-
-
-
- {item.quantity}
-
-
-
-
- {(item.price * item.quantity).toFixed(2)} €
-
-
-
-
- )}
-
-
- Total
-
-
- {total.toFixed(2)} €
-
-
-
-
- Voir mon panier
-
-
-
-
-
-));
-
-// Tableau de skeleton statique
-const SKELETON_ARRAY = Array(8).fill(0);
-
-// Composant de catégorie individuelle mémorisé
-const CategoryItem = React.memo(({ category }: { category: Category }) => (
-
-
-
-
-
-));
-
-interface Category {
- category_name: string;
- category_profile: string;
- name: string;
-}
-
-const CategoryGridList = React.memo(({
- categories,
- isLoading,
- title
-}: {
- categories: Category[];
- isLoading: boolean;
- title: string;
-}) => {
- return (
-
- 
{
- const img = e.target as HTMLImageElement;
- img.classList.remove('opacity-0');
- img.classList.add('opacity-100');
- }}
- style={{ transition: 'opacity 0.3s ease-in-out' }}
- />
-
-
-
-
- {category.category_name}
-
-
- );
-});
-
-CategoryGridList.displayName = 'CategoryGridList';
-export default CategoryGridList;
diff --git a/src/components/categories/CategoryNavigation.tsx b/src/components/categories/CategoryNavigation.tsx
deleted file mode 100644
index 79946c8e..00000000
--- a/src/components/categories/CategoryNavigation.tsx
+++ /dev/null
@@ -1,215 +0,0 @@
-import React, { useState, useMemo } from 'react';
-import { useGetCategoriesWithParentIdNullQuery, useGetCategoriesWithParentIdQuery } from '@/services/guardService';
-
-import { ChevronDown, Sparkle } from 'lucide-react';
-import { motion } from 'framer-motion';
-import AsyncLink from '../ui/AsyncLink';
-import { Category } from '@/types/products';
-
-
-// Composant pour le skeleton loading
-const LoadingSkeleton = () => (
- {title}
-
- {isLoading
- ? SKELETON_ARRAY.map((_, index) => (
-
-
-
-);
-
-// Composant pour le menu déroulant des catégories
-const CategoryDropdown = React.memo(({
- category,
- isActive,
- categoriesChildren,
- isLoadingChildren
-}: {
- category: Category;
- isActive: boolean;
- categoriesChildren: any;
- isLoadingChildren: boolean;
-}) => {
- if (!isActive || !categoriesChildren || Object.keys(categoriesChildren).length === 0) return null;
-
- return (
- -
- {[1, 2, 3, 4, 5].map((item) => (
-
-
- - - - --
- ))}
-
-
-
- {/* Sections Principales */}
-
-
- {!isLoadingChildren && Object.entries(categoriesChildren).map(([key, categories]) => {
- if (key === 'sans_genre') {
- // Grouper les catégories par parent_id
- const parentCategories = categories.filter(cat => cat.children && cat.children.length > 0);
-
- return parentCategories.map(parentCat => (
-
-
- {/* Nouvelle section promotionnelle */}
-
-
- ));
- }
-
- // Comportement existant pour les autres cas
- return (
- {parentCat.category_name}
--
- {parentCat.children.map((childCat: any) => (
-
-
-
- {childCat.category_name} - -
- ))}
-
-
- );
- })}
- {key}
--
- {categories.map((item: any) => (
-
-
-
- {item.category_name} {key} - -
- ))}
-
-
-
-
-
-
-
-
- Découvrir
-
-
- Collection {category.category_name}
-Découvrez nos nouveautés
-
-
- Voir les offres
-
-
- Offre Spéciale
-Jusqu'à -50% sur la nouvelle collection
-
-
-
-
- HOMME
-
-
-
-
-
-
-
- FEMME
-
-
-
-
-
-
-
- ENFANT
-
-
-
-
-};
-
-export default GenderNavigationMobile;
\ No newline at end of file
diff --git a/src/components/categories/MobileCategoryMenu.tsx b/src/components/categories/MobileCategoryMenu.tsx
deleted file mode 100644
index 5ec7c56e..00000000
--- a/src/components/categories/MobileCategoryMenu.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import AsyncLink from "../ui/AsyncLink";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { cn } from "@/lib/utils"
-import { useGetCurrentHomeByGenderQuery } from "@/services/guardService";
-import { Category } from "@/types/products";
-import { useCallback } from "react";
-import React from "react";
-import { useDispatch, useSelector } from 'react-redux';
-import { setCategories, setCurrentGenderId } from '@/store/features/categorySlice';
-import { RootState } from '@/store';
-
-// Déplacer le composant de catégories dans un composant séparé
-const CategoryGrid = React.memo(({ categories }: { categories: Category[] }) => (
-
- {categories.map((category: Category) => (
-
-
- ))}
-
-));
-
-const LoadingSpinner = () => (
-
-
-
-
-
- {category.category_name}
-
-
-
-);
-
-const MobileCategoryMenu = () => {
- const dispatch = useDispatch();
- const { categories, currentGenderId } = useSelector((state: RootState) => state.categories);
-
- const {data: {data: currentGender} = {}, isLoading} = useGetCurrentHomeByGenderQuery(currentGenderId, {
- skip: !currentGenderId,
- refetchOnMountOrArgChange: false,
- refetchOnFocus: false,
- refetchOnReconnect: false
- });
-
- // Mettre à jour le store quand les données arrivent
- React.useEffect(() => {
- if (currentGender?.categories) {
- dispatch(setCategories({
- genderId: currentGenderId,
- categories: currentGender.categories
- }));
- }
- }, [currentGender?.categories, currentGenderId, dispatch]);
-
- const handleTabChange = useCallback((value: string) => {
- dispatch(setCurrentGenderId(Number(value)));
- }, [dispatch]);
-
- const currentCategories = categories[currentGenderId];
-
- return (
-
-
-
-
- HOMME
-
-
- FEMME
-
-
- ENFANT
-
-
-
-
- {isLoading ? (
-
-
-
- );
-};
-
-export default React.memo(MobileCategoryMenu);
\ No newline at end of file
diff --git a/src/components/dashboard/admin/customers/ListCustomers.tsx b/src/components/dashboard/admin/customers/ListCustomers.tsx
deleted file mode 100644
index 5b3c578a..00000000
--- a/src/components/dashboard/admin/customers/ListCustomers.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
-import React from "react";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Edit, Trash2, Users } from "lucide-react";
-import { Package } from "lucide-react";
-import { User } from "@/types/user";
-import { useAdminListCustomersQuery } from "@/services/adminService";
-import { formatDate } from "@/lib/formatDate";
-
-const ListCustomers = ({ customers, isLoading }: { customers: User[], isLoading: boolean }) => {
- return (
-
-
-
-
- {!isLoading && customers?.length === 0 && (
-
- )
-}
-
-export default React.memo(ListCustomers);
-
-export function ListCustomersContainer() {
- const { data: customers, isLoading } = useAdminListCustomersQuery('admin')
- console.log(customers)
- return
-
- )}
- Aucun client trouvé
-
-
}
-
-
-
- {!isLoading &&
-
- Loading...
-
-
-
- Détails de la boutique
-
-
-
-
-
-
-
-
-
- {delivery.firstName} {delivery.lastName}
- Email : {delivery.email}
-
-
-
-
-
-
- 
-
-
- Document personnel du vendeur
-
-
-
- 
-
-
-
- 
-
-
- 
-
-
-
- Model du véhicule
-{delivery.vehicle.vehicle_model}
-
-
-
-
-
-
-
-
- Informations du propriétaire
-
-
-
-
-
-
- Statut du livreur
-
-
- {delivery.isDelivery === 0 &&
-
-
-
- Quartier de livraison
-
-
-
-
-
-
-
- {delivery.firstName}
-{delivery.email}
-{delivery.phone_number}
-non approuvé
}
- {delivery.isDelivery === 1 && Approuvé
}
-
- {delivery.vehicle.quarters?.map((quarter: Quarter, index: number) => (
-
- {quarter.quarter_name}
- ))} -
-
-
-
- {!isLoading && deliveries?.length === 0 && (
-
- )
-}
-
-export function ListDeliveriesContainer(){
- const {data:{data:deliveries}={},isLoading}=useAdminListDeliveryQuery('admin')
- return
-
- )}
- Aucun livreur trouvé
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {[
- { icon: Inbox, label: "Inbox" },
- { icon: MessageCircle, label: "Messages" },
- { icon: Settings, label: "Settings" },
- { icon: Moon, label: "Theme" },
- ].map((item) => (
-
- ))}
-
-
-
- WR
-
-
-
-
- {userData?.userName}
- Administrateur
-
-
-
- {/* Overlay */}
- {isOpen &&
-
-
-
-
-
-
-
-
-
-
- setIsOpen(false)} />}
-
- )
-}
-
diff --git a/src/components/dashboard/admin/metrics/metric-card.tsx b/src/components/dashboard/admin/metrics/metric-card.tsx
deleted file mode 100644
index fe5a1bda..00000000
--- a/src/components/dashboard/admin/metrics/metric-card.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ArrowDown, ArrowUp } from "lucide-react"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-
-interface MetricCardProps {
- title: string
- value: string
- change: {
- value: number
- trend: "up" | "down"
- }
- icon: React.ReactNode
-}
-
-export function MetricCard({ title, value, change, icon }: MetricCardProps) {
- return (
-
-
- {title}
-
-
-
-
- )
-}
-
diff --git a/src/components/dashboard/admin/orders/list-orders.tsx b/src/components/dashboard/admin/orders/list-orders.tsx
deleted file mode 100644
index cb925b62..00000000
--- a/src/components/dashboard/admin/orders/list-orders.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from "react";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Edit, Trash2, Users } from "lucide-react";
-import { Package } from "lucide-react";
-import { User } from "@/types/user";
-import { useAdminListCustomersQuery, useAdminListOrdersQuery } from "@/services/adminService";
-import { formatDate } from "@/lib/formatDate";
-const ListOrders = ({ orders, isLoading }: { orders: any[], isLoading: boolean }) => {
- return (
-
- }
- return (
-
-}
diff --git a/src/components/dashboard/admin/recent-products.tsx b/src/components/dashboard/admin/recent-products.tsx
deleted file mode 100644
index 493f18b5..00000000
--- a/src/components/dashboard/admin/recent-products.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-
-import AsyncLink from "@/components/ui/AsyncLink"
-import { Button } from "@/components/ui/button"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import IsLoadingComponents from "@/components/ui/isLoadingComponents"
-import { Product } from "@/types/products"
-
-
-interface RecentProductsProps {
- products: Product[]
- isLoading: boolean
-}
-
-export function RecentProducts({ products, isLoading }: RecentProductsProps) {
- if (isLoading) {
- return
-
- Produits récents
-
-
-
-
-
-
- )
-}
-
diff --git a/src/components/dashboard/admin/recent-users.tsx b/src/components/dashboard/admin/recent-users.tsx
deleted file mode 100644
index 0091b44f..00000000
--- a/src/components/dashboard/admin/recent-users.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
-import { Button } from "@/components/ui/button"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { formatDate } from "@/lib/formatDate"
-import { Seller } from "@/types/seller"
-
-
-
-interface RecentUsersProps {
- users: Seller[] | null
- title: string,
- isLoading: boolean | null
-}
-
-export function RecentUsers({ users, title, isLoading }: RecentUsersProps) {
- console.log(users)
- return (
-
-
- {title}
-
-
-
-
- )
-}
-
diff --git a/src/components/dashboard/admin/seller/detail-seller.tsx b/src/components/dashboard/admin/seller/detail-seller.tsx
deleted file mode 100644
index 78958c7b..00000000
--- a/src/components/dashboard/admin/seller/detail-seller.tsx
+++ /dev/null
@@ -1,194 +0,0 @@
-import { useConfirmOrNotShopMutation, useGetSellerQuery } from '@/services/adminService';
-import { Seller } from '@/types/seller';
-import { Button } from "@/components/ui/button"
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
-
-import { Check, X, MapPin, Phone, Mail, Globe} from "lucide-react"
-import { useNavigate, useParams } from 'react-router-dom';
-import { CheckStateSeller } from './list-sellers';
-
-
-
-
-interface DetailSellerProps{
- shop:Seller,
- isLoading:boolean
-}
-
-export default function DetailSeller({shop,isLoading}:DetailSellerProps) {
- const [confirmOrNotShop, {isLoading:isConfirm}] = useConfirmOrNotShopMutation();
- //const [stateSeller,setSeller]=useState(null)
- const navigate=useNavigate()
- const confirm = async (state: string) => {
- if (state === "1") {
- const data = {
- state: state,
- isPublished: true,
- shop_level:"2",
- isSeller:true
- };
- await confirmOrNotShop({
- shop_id: shop.shop.shop_id,
- formData: data
- });
-
-
- navigate("/admin/shops")
-
- }else{
- const data = {
- state: state,
- isPublished: false,
- isSeller:false,
- shop_level:"1"
- };
- await confirmOrNotShop({
- shop_id: shop.shop.shop_id,
- formData: data
- });
-
-
- navigate("/admin/shops")
- }
- }
- return (
- <>
- {isLoading &&
-
-
- }
-
-
- )
-}
-
-export function DetailSellerContainer(){
- const { id } = useParams();
-const { data: { data: shop } = {}, isLoading } = useGetSellerQuery(id);
-
- return
-}
diff --git a/src/components/dashboard/admin/seller/list-sellers.tsx b/src/components/dashboard/admin/seller/list-sellers.tsx
deleted file mode 100644
index 732ef8f2..00000000
--- a/src/components/dashboard/admin/seller/list-sellers.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
-import { Badge } from "@/components/ui/badge"
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
-import { useListSellersQuery } from '@/services/adminService'
-import { Seller } from '@/types/seller'
-import { ExternalLink, Store } from 'lucide-react'
-import { Button } from '@/components/ui/button'
-import { formatDate } from '@/lib/formatDate'
-import { Link } from 'react-router-dom'
-
-interface ListSellersProps{
- shops:Seller[];
- isLoading:boolean
-}
-export default function ListSellers({shops,isLoading}:ListSellersProps) {
-
- return (
-
- {state==="1" && "aprouvé"}
- {state==="0" && "non approuvé"}
- {state==="2" && "Rejeté"}
-
- )
-}
diff --git a/src/components/dashboard/admin/user-stats.tsx b/src/components/dashboard/admin/user-stats.tsx
deleted file mode 100644
index fc61f6ae..00000000
--- a/src/components/dashboard/admin/user-stats.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-
-interface Stat {
- title: string
- value: number
- change: number
- icon: React.ReactNode
-}
-
-interface UserStatsProps {
- stats: Stat[]
-}
-
-export function UserStats({ stats }: UserStatsProps) {
- return (
- >, sellerData: Seller | null | undefined }) {
-
-
-
- const [logout] = useLogoutMutation()
- const dispatch = useDispatch();
- const handleLogout = async () => {
- await logout('Auth');
- logoutUser()
- }
-
- return (
-
-
- )
-}
diff --git a/src/components/dashboard/user/layouts/header.tsx b/src/components/dashboard/user/layouts/header.tsx
deleted file mode 100644
index 6111f0f6..00000000
--- a/src/components/dashboard/user/layouts/header.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { Avatar, AvatarFallback } from '@/components/ui/avatar'
-import { Button } from '@/components/ui/button'
-import { useLogoutMutation } from '@/services/auth'
-import { User } from '@/types/user'
-import { LogOut, Menu, Home, LayoutDashboard, ShoppingBag, User as UserIcon } from 'lucide-react'
-import { logoutUser } from '@/lib/logout'
-
-import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
-import AsyncLink from '@/components/ui/AsyncLink'
-
-export default function Header({ userData }: { userData: User | null | undefined }) {
- const [logout] = useLogoutMutation()
- const handleLogout = async () => {
- await logout('Auth');
- logoutUser()
- }
-
- const menuItems = [
- { href: '/', label: 'Accueil', icon:
-
- )
-}
diff --git a/src/components/dashboard/user/orders/recent-orders.tsx b/src/components/dashboard/user/orders/recent-orders.tsx
deleted file mode 100644
index 27ff7f21..00000000
--- a/src/components/dashboard/user/orders/recent-orders.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import { useGetRecentOrdersQuery } from '@/services/auth';
-import { Card } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { Link, Loader2, Package } from 'lucide-react';
-import AsyncLink from '@/components/ui/AsyncLink';
-const RecentOrders = () => {
- const { data, isLoading } = useGetRecentOrdersQuery("Auth");
- return (
-
+ {isOpen && (
+
+ e.stopPropagation()}
+ >
+
+
+ )}
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/delivery/header.tsx b/src/components/delivery/header.tsx
index ee75ed7d..d84091fd 100644
--- a/src/components/delivery/header.tsx
+++ b/src/components/delivery/header.tsx
@@ -12,7 +12,7 @@ import {
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { MobileNav } from '@/components/dashboard/delivery/mobile-nav'
-import { Truck, Bell } from 'lucide-react'
+import { Bell } from 'lucide-react'
import { Link } from 'react-router-dom'
import { User } from '@/types/user'
import { useLogoutMutation } from '@/services/auth'
diff --git a/src/components/errors/error-boundary.tsx b/src/components/errors/error-boundary.tsx
new file mode 100644
index 00000000..3d534c78
--- /dev/null
+++ b/src/components/errors/error-boundary.tsx
@@ -0,0 +1,112 @@
+import React, { useEffect, useState } from 'react';
+
+import Header from '../ui/header';
+import { WifiOff } from 'lucide-react';
+import ErrorMessage from '../ui/error-message';
+
+interface Props {
+ children: React.ReactNode;
+}
+
+interface State {
+ hasError: boolean;
+ error: Error | null;
+}
+
+class ErrorBoundary extends React.Component {
+ constructor(props: Props) {
+ super(props);
+ this.state = { hasError: false, error: null };
+ }
+
+ static getDerivedStateFromError(error: Error): State {
+ return { hasError: true, error };
+ }
+
+ componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
+ // Vous pouvez envoyer l'erreur à un service de logging ici
+ console.error('Error caught by boundary:', error, errorInfo);
+ }
+
+ render() {
+ if (this.state.hasError) {
+ let errorMessage = "Une erreur inattendue s'est produite";
+
+ // Personnalisation des messages d'erreur selon le type d'erreur
+ if (this.state.error?.message.includes('store is not defined')) {
+ errorMessage = "Erreur de chargement des données de la boutique";
+ } else if (this.state.error?.message.includes('Unexpected Application Error')) {
+ errorMessage = "Une erreur inattendue s'est produite dans l'application";
+ }
+
+ return (
+ <>
+
+ {
+ this.setState({ hasError: false, error: null });
+ window.location.reload();
+ }}
+
+
+ />
+
+ );
+ }
+
+ return this.props.children;
+ }
+}
+
+const NetworkBoundary: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+ const [isOnline, setIsOnline] = useState(navigator.onLine);
+
+ useEffect(() => {
+ const handleOnline = () => {
+ setIsOnline(true);
+ window.location.reload();
+ };
+ const handleOffline = () => setIsOnline(false);
+
+ window.addEventListener('online', handleOnline);
+ window.addEventListener('offline', handleOffline);
+
+ return () => {
+ window.removeEventListener('online', handleOnline);
+ window.removeEventListener('offline', handleOffline);
+ };
+ }, []);
+
+ if (!isOnline) {
+ return (
+ (null);
+
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault()
- const userObject = { phone_number: phone, password: password }
- const userData = await login(userObject)
+ try {
+ const userObject = { phone_number: phone, password: password, role_id: 4 }
+ const userData = await login(userObject)
- const cookies = new Cookies();
- cookies.set('accessToken', userData.data.access_token, { path: '/', secure: true });
- cookies.set('refreshToken', userData.data.refresh_token, { path: '/', secure: true });
+ const cookies = new Cookies();
+ cookies.set('tokenDelivery', userData.data.access_token, { path: '/', secure: true, sameSite: 'strict' });
+ cookies.set('refreshTokenDelivery', userData.data.refresh_token, { path: '/', secure: true, sameSite: 'strict' });
- if (redirectUrl) {
- if (s === '1') {
- window.location.href = redirectUrl + `?s=${s}`
+ if (redirectUrl) {
+ if (s === '1') {
+ window.location.href = redirectUrl + `?s=${s}`
+ } else {
+ window.location.href = redirectUrl + `?s=${s}&productId=${productId}&quantity=${quantity}&price=${price}&name=${name}&residence=${residence}`
+ }
} else {
- window.location.href = redirectUrl + `?s=${s}&productId=${productId}&quantity=${quantity}&price=${price}&name=${name}&residence=${residence}`
+ setPhone('')
+ setPassword('')
+ window.location.href = `/authenticate`
}
- } else {
- setPhone('')
- setPassword('')
- window.location.href = `/authenticate`
+ } catch (error) {
+ console.log(error)
+ setErrorMessage("Vous n'avez pas accès à cette application")
}
}
return (
@@ -65,36 +71,63 @@ export default function LoginForm() {
)
-}
+}
\ No newline at end of file
diff --git a/src/components/frontend/forms/RegisterForm.tsx b/src/components/frontend/forms/RegisterForm.tsx
deleted file mode 100644
index 0e4beeae..00000000
--- a/src/components/frontend/forms/RegisterForm.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { useRegisterMutation } from "@/services/auth";
-import {
- Form,
- FormControl,
- FormField,
- FormItem,
- FormLabel,
- FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
-import * as z from "zod";
-import { AppDispatch } from "@/store";
-import { useDispatch } from "react-redux";
-import { authTokenChange } from "@/store/authSlice";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { useCheckIfEmailExistsMutation, useGetQuartersQuery, useGetTownsQuery } from "@/services/guardService";
-import { useState } from "react";
-import Cookies from "universal-cookie";
-
-
-const formSchema = z.object({
- username: z.string().min(3, "Le nom d'utilisateur doit contenir au moins 3 caractères"),
- email: z.string().email("Email invalide"),
- phone: z.string().min(8, "Le numéro de téléphone doit contenir au moins 10 caractères"),
- town: z.string().min(1, "Veuillez sélectionner une ville"),
- quarter: z.string().min(1, "Veuillez sélectionner un quartier"),
- password: z.string().min(6, "Le mot de passe doit contenir au moins 6 caractères"),
- confirmPassword: z.string()
-}).refine((data) => data.password === data.confirmPassword, {
- message: "Les mots de passe ne correspondent pas",
- path: ["confirmPassword"],
-});
-
-export default function RegisterForm() {
- const form = useForm{icon}
- {value}
-
- This week
-
- {change.trend === "up" ?
-
-
-
-
- {!isLoading && orders?.length === 0 && (
-
- )
-}
-
-export default React.memo(ListOrders);
-
-export function ListOrdersContainer() {
- const { data: orders, isLoading } = useAdminListOrdersQuery('admin')
- return
-
- )}
- Aucun commande trouvé
-
-
-
-
- {!isLoading && products?.length === 0 && (
-
- )
-}
-
-export function ListProductsContainer(){
- const {data:{data:products}={},isLoading}=useAdminListProductsQuery('admin')
- console.log(products)
- return
-
- )}
- Aucun produit trouvé
-
- {!isLoading && products.map((product) => (
-
-
-
- ))}
-
- 
-
-
-
- {product.product_name}
-{parseFloat(product.product_price).toFixed(2)} FCFA
-Added {new Date(product.created_at).toLocaleDateString()}
-
-
- {isLoading &&
-
-
-
}
- {!isLoading && users?.map((user) => (
-
- Loading...
-
-
-
- {user.role_id == 2 && {user.firstName.charAt(0)}
-
-
- ))}
- {!users && !isLoading &&
-
- {user.role_id !== 2 &&
{user.firstName}
} - {user.role_id === 2 &&{user?.shop?.shop_name}
} -{user.email}
-{formatDate(user.created_at)}
- Aucun livreur ajouté
}
- {users && users?.length === 0 && Aucune boutique ajoutée
}
-
-
}
-
-
-
- {!isLoading &&
-
- Loading...
-
-
-
- Détails de la boutique
-
- {shop.shop.state!=="2" && shop.shop.state!=="1" && }
-
- {shop.shop.state!=="1" && }
-
-
-
-
-
- {shop?.shop.shop_name}
- Nom de la boutique visible : {shop?.shop.shop_key}
-
-
-
-
-
-
- 
-
- Galerie de la boutique
-
-
- {shop?.shop.images?.map((img, index) => (
- 
- ))}
-
- Document personnel du vendeur
-
-
-
- 
-
-
- 
-
-
- 
-
-
-
-
- À propos de {shop?.shop.shop_name}
-{shop?.shop.shop_description}
-
-
-
-
-
-
-
-
-
- Informations du propriétaire
-
-
-
-
-
-
- Statut de la boutique
-
-
-
-
-
-
-
- Categorie de la boutique
-
-
-
-
-
-
-
- {shop?.firstName}
-{shop?.email}
-{shop?.phone_number}
-
- {shop.shop.categories?.map((category,index)=>(
-
- {category.category_name}
- ))} -
-
-
- {!isLoading && shops?.length === 0 && (
-
- )
-}
-
-export function ListSellersContainer() {
- const { data: { data: shops } = {}, isLoading } = useListSellersQuery('admin');
-
- return
-
- )}
- {isLoading &&
- Aucune boutique trouvée
-
-
}
-
- Loading...
-
-
- {stats.map((stat, index) => (
-
-
- {stat.title}
- {stat.icon}
-
-
-
-
- ))}
-
- )
-}
-
diff --git a/src/components/dashboard/admin/users/recent-grid-user.tsx b/src/components/dashboard/admin/users/recent-grid-user.tsx
deleted file mode 100644
index 59c62cf8..00000000
--- a/src/components/dashboard/admin/users/recent-grid-user.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-
-import { RecentUsers } from '../recent-users'
-import { useRecentDeliveryQuery, useRecentSellerQuery } from '@/services/adminService'
-
-export default function RecentGridUser() {
-
- const {data:{data:recentSellers}={data:[]},isLoading}=useRecentSellerQuery('admin')
- const {data:{data:recentDelivery}={data:[]},isLoading:isLoadingDelivery}=useRecentDeliveryQuery('admin')
- console.log(recentDelivery)
- return (
- {stat.value}
- - {stat.change > 0 ? "+" : ""} - {stat.change}% from last month -
-
-
- )
-}
diff --git a/src/components/dashboard/seller/layouts/header.tsx b/src/components/dashboard/seller/layouts/header.tsx
deleted file mode 100644
index d8263d31..00000000
--- a/src/components/dashboard/seller/layouts/header.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { LogOut, Menu } from 'lucide-react'
-import { Avatar, AvatarFallback } from '@/components/ui/avatar'
-import { AvatarImage } from '@radix-ui/react-avatar'
-import { Bell, Settings } from 'lucide-react'
-import { Store } from 'lucide-react'
-import React from 'react'
-
-import { useDispatch } from 'react-redux'
-import { Seller } from '@/types/seller'
-import { CheckStateSeller } from '../../admin/seller/list-sellers'
-import { useLogoutMutation } from '@/services/auth'
-import AsyncLink from '@/components/ui/AsyncLink'
-import { logoutUser } from '@/lib/logout'
-
-export default function Header({ isMobile, setIsSidebarOpen, sellerData }: { isMobile: boolean, setIsSidebarOpen: React.Dispatch
-
-
-
-
- {isMobile && (
-
- )}
-
-
-
-
-
- - Espace Vendeur -
-
-
-
-
-
-
-
-
-
- {sellerData?.shop.shop_name}
-
-
- CN
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {userData?.userName?.charAt(0) || ''}
-
-
-
-
- {/* Menu de navigation desktop */}
-
-
- {/* Menu burger mobile */}
-
-
- Bonjour, {userData?.userName}
-Bienvenue sur votre espace personnel
-
-
-
-
- )
-}
-
-export default React.memo(RecentOrders);
\ No newline at end of file
diff --git a/src/components/dashboard/user/stats.tsx b/src/components/dashboard/user/stats.tsx
deleted file mode 100644
index 6eee98aa..00000000
--- a/src/components/dashboard/user/stats.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { motion } from 'framer-motion';
-import { Card } from '@/components/ui/card';
-
-const Stats = ({ title, icon, value, color, index }: { title: string, icon: React.ReactNode, value: string, color: string, index: number }) => {
- return (
- Dernières commandes
-
- {!isLoading && data?.map((order: any, index: number) => (
-
-
-
- ))}
- {isLoading &&
- 
-
-
-
-
- Commande {order.id}
-{order.itemsCount} articles • en cours de livraison
-
-
}
- {data?.length === 0 &&
-
}
- Aucune commande récente
- -
-
-
-
-
-
- )
-}
-
-export default React.memo(Stats);
\ No newline at end of file
diff --git a/src/components/delivery/MobileSidebar.tsx b/src/components/delivery/MobileSidebar.tsx
new file mode 100644
index 00000000..10e9a7fb
--- /dev/null
+++ b/src/components/delivery/MobileSidebar.tsx
@@ -0,0 +1,48 @@
+import { Home, X } from 'lucide-react'
+import { motion, AnimatePresence } from 'framer-motion'
+import { Link } from 'react-router-dom'
+
+interface MobileSidebarProps {
+ isOpen: boolean
+ onClose: () => void
+}
+
+export function MobileSidebar({ isOpen, onClose }: MobileSidebarProps) {
+ return (
+
-
-
- {icon}
-
-
-
- {title}
-{value}
-
+
+
+
+ Menu
+ +
+
+ );
+ }
+
+ return <>{children};
+};
+
+export default ErrorBoundary;
+export { NetworkBoundary };
\ No newline at end of file
diff --git a/src/components/frontend/forms/LoginForm.tsx b/src/components/frontend/forms/LoginForm.tsx
index 866678ab..f19ae4b6 100644
--- a/src/components/frontend/forms/LoginForm.tsx
+++ b/src/components/frontend/forms/LoginForm.tsx
@@ -2,6 +2,7 @@ import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { useLoginMutation } from "@/services/auth";
import { useState } from "react";
+import { Eye, EyeOff } from "lucide-react";
import Cookies from "universal-cookie";
import logo from "@/assets/favicon.png"
export default function LoginForm() {
@@ -16,30 +17,35 @@ export default function LoginForm() {
const s = params.get('s');
const [phone, setPhone] = useState('');
const [password, setPassword] = useState('');
- const [login, { isLoading, isError, error }] = useLoginMutation()
- if (error) {
- console.log(error)
- }
+ const [showPassword, setShowPassword] = useState(false);
+ const [login, { isLoading, isError }] = useLoginMutation()
+ const [errorMessage, setErrorMessage] = useState
+
+
+
+
+
+ + Pas de connexion internet +
++ Veuillez vérifier votre connexion. La page se rechargera automatiquement dès que la connexion sera rétablie. +
+
+
+
+
+
+
-
-
-
-
- )}
-
- {/* Left Column - Cover and Products */}
-
-
- {/* Cover Image */}
-
-
- {/* Right Column - Shop Info */}
-
- 
-
-
- {featuredShop.isPremium && (
-
-
- {/* Featured Products */}
-
-
-
- )}
-
-
- Produits populaires
-
- {featuredShop.featuredProducts.map((product) => (
-
-
-
- ))}
-
- 
-
-
-
-
- {product.name}
-{product.price}
-
- {/* Close Button */}
-
-
- {/* Shop Header */}
-
-
-
-
- {/* Rating and Stats */}
-
- 
-
-
-
-
-
- - {featuredShop.name} -
-
-
-
-
-
- {/* Description */}
-
-
-
-
- Note
-
-
- {featuredShop.productsCount}
-Produits
-
-
- {featuredShop.followers}
-Followers
-
-
- {featuredShop.stats.satisfactionRate}
-Satisfaction
-- {featuredShop.description} -
- - {/* Categories */} -
- {featuredShop.categories.map((category, index) => (
-
- {category}
-
- ))}
-
-
- {/* CTA */}
-
-
-
-
-
-
-
- {/* En-tête */}
-
-
-
-
-
- Voir toutes les produits
-
-
-
-
- Produits Premium
-Découvrez notre sélection de produits premium -
-
- {!isLoading && products.map((product: Product) => (
-
-
- ))}
- {/* Modal */}
- setSelectedProduct(null)}
- />
-
- setSelectedProduct(product)}
- className="group cursor-pointer bg-white rounded-2xl shadow-sm hover:shadow-xl transition-shadow overflow-hidden"
- >
- {/* Image */}
-
-
- 
-
-
- {/* Informations */}
-
-
-
-
-
-
- Premium
-
-
-
-
-
- - {product.product_name} -
-
-
-
-
-
- Boutique: {product.shop_key}
-
-
-
-
-
- {product.product_price} FCFA
-
-
-
-
-
-
- ));
-
- const ActionButtons = memo(({
- quantity,
- isLoading,
- showCartButton,
- onQuantityDecrease,
- onQuantityIncrease,
- onAddToCart,
- product
- }: ActionButtonsProps) => (
-
- 
-
-
- Nouveau
-
-
-
-
-
- {product.product_images.map((image, idx) => (
-
- ))}
-
-
- {/* Quantité et Acheter maintenant */}
-
- ));
-
- return (
-
-
-
- {/* Boutons d'action modernisés */}
-
-
- {quantity}
-
-
-
-
-
- {!showCartButton ? (
-
- ) : (
-
-
- )}
-
-
-
-
-
-
-
-
- e.stopPropagation()}>
-
-
- {/* Colonne gauche - Images */}
-
-
-
-
- {/* En-tête produit */}
-
-
-
-
- {/* Prix et description */}
-
- {product.product_categories[0].category_name}
- Code: {product.shop_key}
-
- - {product.product_name} -
-
-
-
-
-
- Premium
-
-
-
-
- {/* Informations boutique simplifiées */}
-
-
- {product.product_price} FCFA
-
-
- - {product.product_description} -
-
-
-
- {/* Actions */}
-
-
-
- 
-
-
-
- Voir la boutique
-
-
- {product.shop_key}
-
-
- )}
-
- )
-}
-
-export default React.memo(SimilarProducts)
\ No newline at end of file
diff --git a/src/components/seller/ShopCoverUploadDialog.tsx b/src/components/seller/ShopCoverUploadDialog.tsx
deleted file mode 100644
index 070b0147..00000000
--- a/src/components/seller/ShopCoverUploadDialog.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-
-import { Button } from '@/components/ui/button';
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { Camera } from 'lucide-react';
-
-interface ShopCoverUploadDialogProps {
- showDialog: boolean;
- setShowDialog: (show: boolean) => void;
- selectedImage: string | null;
- setSelectedImage: (image: string | null) => void;
- onSave?: (imageUrl: string) => void;
-}
-
-export default function ShopCoverUploadDialog({
- showDialog,
- setShowDialog,
- selectedImage,
- setSelectedImage,
- onSave
-}: ShopCoverUploadDialogProps) {
- const handleImageUpload = () => {
- const input = document.createElement('input');
- input.type = 'file';
- input.accept = 'image/*';
- input.onchange = (e) => {
- const file = (e.target as HTMLInputElement).files?.[0];
- if (file) {
- const reader = new FileReader();
- reader.onload = (e) => {
- const imageUrl = e.target?.result as string;
- setSelectedImage(imageUrl);
- if (onSave) {
- onSave(imageUrl);
- }
- };
- reader.readAsDataURL(file);
- }
- };
- input.click();
- };
-
- return (
-
- );
-}
\ No newline at end of file
diff --git a/src/components/seller/Sidebar.tsx b/src/components/seller/Sidebar.tsx
deleted file mode 100644
index aaa23b4d..00000000
--- a/src/components/seller/Sidebar.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-import React from 'react';
-import { motion} from 'framer-motion';
-import logo from "../../assets/logo.png"
-import {
- X,
- LayoutDashboard,
- Package,
- ShoppingCart,
- Settings,
- HelpCircle,
- ChevronRight,
-} from 'lucide-react';
-import AsyncLink from '../ui/AsyncLink';
-
-interface SidebarProps {
- isOpen: boolean;
- onClose: () => void;
- isMobile: boolean;
-}
-
-const Sidebar: React.FCProduits similaires
- -
- {similarProducts.slice(0, 5).map((product) => (
-
-
-
-
- ))}
-
-
-
-
-
-
-
-
- - {product.product_name} -
- -
-
- {product.product_price} FCFA
-
-
-
-
-
-
- {/* En-tête Sidebar */}
-
-
-
-
- {/* Menu Items */}
-
-
- {/* Footer */}
-
-
-
-
- {isMobile && (
-
- )}
-
-
-
-
-
- {/* Couverture et informations de la boutique */}
-
-
-
- )
-}
-
-export function CurrentShopOverViewSkeleton() {
- return (
-
- {shop.shop.images?.[0]?.path && (
- 
- )}
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
- {shop.shop.shop_key}
- {store.isPremium && ( - - Premium - - )} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Store Logo */}
-
-
- 
-
-
- {/* Store Info */}
-
-
-
- {/* Actions */}
- - {shop.shop.shop_key} -
-
-
-
-
-
-
-
-
-
-
-
-
- 124 followers
-
-
-
- {/* Content */}
-
-
-
-
-
-
-
-
- {activeTab === 'products' && (
-
-
- {shop.shop.products?.map((product) => (
-
- )}
-
- {activeTab === 'about' && (
-
-
-
-
-
- ))}
-
-
-
- - {product.product_name} -
-- {product.product_price} FCFA -
- -
-
- )}
-
- {activeTab === 'reviews' && (
-
-
- À propos de {store?.name}
-{store?.description}
- -
-
-
-
-
- Horaires d'ouverture
-
- {store?.openingHours.map((hour, index) => (
-
-
- {hour.day}
- {hour.hours}
-
- ))}
-
-
- Contact
-
-
-
-
-
-
- {reviews.map((review) => (
-
- )}
-
-
- ))}
-
- 
-
-
-
-
-
- {review.userName}
- {review.date} -
- {[...Array(5)].map((_, i) => (
-
- {review.comment}
-
- {/* Sidebar */}
-
-
-
-
- {/* Contenu principal */}
-
-
-
- {/* Catégories */}
-
-
-
- - À propos de la boutique -
-- {shop.shop.shop_description} -
- -
-
-
- Ventes totales
- {store.stats.totalSales}
-
-
- Délai de livraison
- {store.stats.averageShipping}
-
-
- Satisfaction client
- {store.stats.satisfactionRate}
-
-
-
-
-
-
-
- - Boutique vérifiée -
-- Vendeur professionnel certifié -
-
-
-
-
- - Catégories -
-
- {shop.shop.categories?.map((category) => (
-
- ))}
-
-
- {/* Barre d'outils */}
-
-
-
- {/* Ajoutez vos filtres ici */}
-
- )}
-
- {shop.shop.products?.length === 0 && (
-
-
-
- {/* Filtres */}
- {showFilters && (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )}
- {/* Grille de produits */}
-
-
- Aucun produit disponible
- -
-
- {shop.shop.products?.map((product) => (
-
- {viewMode === 'grid' ? (
- <>
-
- ))}
-
-
-
-
-
-
-
-
- Premium
-
-
-
-
-
-
- ) : (
- <>
- - {product.product_name} -
-
-
-
-
- {product.product_categories.map((category) => (
-
- {category.category_name}
-
- ))}
-
-
- {product.product_price} FCFA
-
-
-
-
-
-
-
-
-
-
- )}
-
-
-
- - {product.product_name} -
- - - Premium - - -
-
-
-
-
- {product.product_categories.map((category) => (
-
- {category.category_name}
-
- ))}
-
-
- {product.product_price} FCFA
-
-
-
-
- {/* En-tête du magasin - Version desktop */}
-
-
-
- )
-}
diff --git a/src/components/seller/level/Two/StatisticsOverview.tsx b/src/components/seller/level/Two/StatisticsOverview.tsx
deleted file mode 100644
index b55685f9..00000000
--- a/src/components/seller/level/Two/StatisticsOverview.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Card } from "@/components/ui/card"
-import { Seller } from "@/types/seller"
-
-import {motion} from "framer-motion"
-
-export default function StatisticsOverview(sellerData:{sellerData:Seller | null | undefined}) {
- return (
-
-
-
- {/* En-tête du magasin - Version mobile */}
-
-
-
- {/* Logo du magasin */}
-
-
-
-
- {/* Nom du magasin */}
-
-
- {/* Statistiques */}
-
-
-
-
-
-
-
-
-
-
- {/* Contenu principal */}
-
-
-
- {/* Logo */}
-
-
- {/* Informations */}
-
-
-
-
-
- {/* Actions */}
-
-
-
-
-
-
-
-
-
- {/* Sidebar */}
-
-
-
-
- {/* Grille de produits */}
-
-
-
-
- {/* Catégories */}
-
- {[...Array(4)].map((_, i) => (
-
- ))}
-
-
-
-
-
- {[...Array(5)].map((_, i) => (
-
- ))}
-
-
- {/* Barre d'outils */}
-
-
-
-
- {/* Grille de produits */}
-
-
-
-
-
- {[...Array(6)].map((_, i) => (
-
-
- {/* Image */}
-
-
- {/* Contenu */}
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/src/components/seller/level/Two/TitleOverview.tsx b/src/components/seller/level/Two/TitleOverview.tsx
deleted file mode 100644
index 204a6c16..00000000
--- a/src/components/seller/level/Two/TitleOverview.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import AsyncLink from '@/components/ui/AsyncLink'
-import { Button } from '@/components/ui/button'
-import { Card } from '@/components/ui/card'
-import {motion} from "framer-motion"
-
-export default function TitleOverview({title,content,link,number,cta}:{title:string,content:string,link:string,number:number,cta:string}) {
- return (
- - Statistiques de votre boutique -
-
-
-
-
-
-
- 0
-
- Visites
-
-
-
-
- 0
-
- Followers
-
-
-
-
- {sellerData?.sellerData?.shop.products_count || 0}
-
- Produits
-
-
-
-
- 0
-
- Ventes
-
-
-
- {new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR' }).format(0)}
-
- Revenus totaux
-
-
-
-
-
-
- )
-}
diff --git a/src/components/seller/level/Two/VisibilityShop.tsx b/src/components/seller/level/Two/VisibilityShop.tsx
deleted file mode 100644
index bd6cde45..00000000
--- a/src/components/seller/level/Two/VisibilityShop.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-
-import { Button } from '@/components/ui/button';
-
-import AsyncLink from '@/components/ui/AsyncLink';
-import { Card } from '../../../ui/card';
-import { Check, Package, MapPin, Store } from 'lucide-react';
-import {motion} from "framer-motion"
-import { Seller } from '@/types/seller';
-
-
-export default function VisibilityShop(sellerData:{sellerData:Seller}) {
-
-
-
-
- return (
-
-
-
- {number}
-
-
-
- {title}
-- {content} -
-
-
-
-
-
-
-
- {/* Section Aperçu Boutique */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Aperçu de votre boutique -
-
-
-
-
-
-
- {sellerData.sellerData.shop.shop_profile ? (
- 
- ) : (
-
-
-
- Votre boutique sur la marketplace
-- {sellerData.sellerData.shop.shop_key || "Nom de votre boutique"} -
-
-
-
-
-
-
-
-
-
-
- Localisation
-- {sellerData.sellerData.phone_number || "Non renseignée"} -
-
-
-
-
-
-
- Catalogue
-- {sellerData.sellerData.phone_number || 0} produits -
-
-
-
-
-
- Booster la visibilité de vos produits 🌟
--
-
-
- -- Visibilité accrue sur la marketplace -
-
- -
- -- Support client prioritaire -
-
- -
- -- Outils marketing avancés -
-
- -
- -- Commission réduite sur les ventes -
-
-
- {/* Table for desktop */}
-
-
-
-
- {/* Mobile view */}
-
- )
-}
-
-export function ProductListContainer() {
- const { data: { data: products } = {}, isLoading } = useGetProductsQuery('seller')
- return | Produit | -Catégorie | -Prix | -Stock | -Status | -Actions | -
|---|---|---|---|---|---|
|
-
-
- |
- |||||
|
- Aucun produit trouvé - |
- |||||
|
-
-
-
-
- {product.product_name}-- {formatDate(product.created_at)} - - |
-
-
- {product.product_categories.map((category) => (
-
- {category.category_name}
-
- ))}
-
- |
- - - {product.product_price.toLocaleString()} FCFA - - | -- {product.product_quantity} - | -- - {getStatusText(product.status ? 'active' : 'draft')} - - | -
-
-
- |
-
- {isLoading && (
-
-
-
- )}
-
- {!isLoading && products.length === 0 && (
-
-
- Ajouter votre premier produit
-
-
- )}
-
- {!isLoading && products.length > 0 && products.map((product) => (
- Aucun produit trouvé
-
-
- ))}
-
-
-
-
-
-
- {product.product_name}
-{formatDate(product.created_at)}
-
- {product.product_categories.map((category) => (
-
- {category.category_name}
-
- ))}
-
-
-
-
-
- Prix:
-
- {product.product_price.toLocaleString()} FCFA
-
- Stock:
-
- {product.product_quantity}
-
- Status:
-
-
-
- {getStatusText(product.status ? 'active' : 'draft')}
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default AddressInfoStep;
diff --git a/src/components/seller/registration/steps/IdentityInfoStep.tsx b/src/components/seller/registration/steps/IdentityInfoStep.tsx
deleted file mode 100644
index 981d4035..00000000
--- a/src/components/seller/registration/steps/IdentityInfoStep.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import { Card } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { IdentityStepProps } from "@/interfaces/steps/IdentityStepProps";
-import { Upload } from "lucide-react";
-
-
-const IdentityInfoStep: React.FC
-
-
- Adresse
-- Renseignez l'adresse de votre boutique ou votre residence personnelle -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- * Cette adresse sera utilisée pour la facturation et la correspondance
-* Assurez-vous que l'adresse est valide et complète
-
-
- );
-};
-
-export default IdentityInfoStep;
diff --git a/src/components/seller/registration/steps/PersonalInfoStep.tsx b/src/components/seller/registration/steps/PersonalInfoStep.tsx
deleted file mode 100644
index 994e23d0..00000000
--- a/src/components/seller/registration/steps/PersonalInfoStep.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import React from 'react';
-import { SellerFormData } from '@/types/seller-registration.types';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-
-
-interface PersonalInfoStepProps {
- data: SellerFormData['personalInfo'];
- onUpdate: (data: Partial
-
-
-
-
- Identification nationales
-- Identifiez vous en renseignant vos documents nationaux -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {data.identity_card_in_front ? (
- 
- ) : (
-
-
-
-
- )}
- Recto de la CNI
-
-
-
-
-
-
- {data.identity_card_in_back ? (
- 
- ) : (
-
-
-
-
- )}
- Verso de la CNI
-
-
-
-
-
-
- {data.identity_card_with_the_person ? (
- 
- ) : (
-
-
-
-
- )}
- profil + CNI
-
-
- );
-};
-
-export default PersonalInfoStep;
\ No newline at end of file
diff --git a/src/components/seller/registration/steps/SecurityInfoStep.tsx b/src/components/seller/registration/steps/SecurityInfoStep.tsx
deleted file mode 100644
index 5274e9d1..00000000
--- a/src/components/seller/registration/steps/SecurityInfoStep.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import React, { useState } from 'react';
-import { SellerFormData } from '@/types/seller-registration.types';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Card } from '@/components/ui/card';
-import { motion } from 'framer-motion';
-import { Eye, EyeOff, Lock, ShieldCheck, AlertTriangle } from 'lucide-react';
-import { Alert, AlertDescription } from '@/components/ui/alert';
-
-interface SecurityInfoStepProps {
- data: SellerFormData['securityInfo'];
- onUpdate: (data: Partial
-
-
- Informations Personnelles
-- Remplissez vos informations personnelles pour commencer -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Règles de mot de passe */}
-
-
-
-
- );
-};
-
-export default SecurityInfoStep;
diff --git a/src/components/seller/registration/steps/SellerTypeStep.tsx b/src/components/seller/registration/steps/SellerTypeStep.tsx
deleted file mode 100644
index 4489fab7..00000000
--- a/src/components/seller/registration/steps/SellerTypeStep.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from 'react';
-import { SellerFormData } from '@/types/seller-registration.types';
-
-import { Label } from '@/components/ui/label';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-
-interface SellerTypeStepProps {
- data: SellerFormData['bankInfo'];
- onUpdate: (data: Partial
-
-
- Sécurisez votre compte
-- Créez un mot de passe fort pour protéger votre compte vendeur -
-
- {/* Mot de passe */}
-
-
- Les mots de passe ne correspondent pas
-
-
- )}
-
-
-
-
-
- {/* Confirmation du mot de passe */}
-
-
-
-
-
- {/* Indicateur de force du mot de passe */}
-
-
-
-
-
-
-
- - Force: {passwordStrength === 'weak' ? 'Faible' : passwordStrength === 'medium' ? 'Moyenne' : 'Forte'} -
-
-
-
-
- {/* Message d'erreur si les mots de passe ne correspondent pas */}
- {!passwordMatch && data.confirmPassword && (
-
-
-
-
-
-
-
-
-
-
- -
-
- Au moins 8 caractères -
- Au moins une lettre majuscule -
- Au moins une lettre minuscule -
- Au moins un chiffre -
- Au moins un caractère spécial (!@#$%^&*) -
-
- );
-};
-
-export default SellerTypeStep;
diff --git a/src/components/seller/registration/steps/ShopInfoStep.tsx b/src/components/seller/registration/steps/ShopInfoStep.tsx
deleted file mode 100644
index ea2289e1..00000000
--- a/src/components/seller/registration/steps/ShopInfoStep.tsx
+++ /dev/null
@@ -1,292 +0,0 @@
-import React, { useState } from 'react';
-import { SellerFormData } from '@/types/seller-registration.types';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Textarea } from '@/components/ui/textarea';
-import { Card } from '@/components/ui/card';
-import { Upload } from 'lucide-react';
-import { MultiSelect } from '@/components/ui/multiselect';
-import { useGetCategoriesQuery, useGetCategoryByGenderQuery } from '@/services/guardService';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select';
-interface ShopInfoStepProps {
- data: SellerFormData['shopInfo'];
- onUpdate: (data: Partial
-
-
-
-
- Informations Vendeur
-- Ajoutez vos informations en tant que vendeur sur notre plateforme -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- * Ces informations sont nécessaires pour le versement de vos revenus
-* Assurez-vous que les informations sont correctes pour éviter tout retard de paiement
-
-
- );
-};
-
-export default ShopInfoStep;
diff --git a/src/components/seller/seller-pro.tsx b/src/components/seller/seller-pro.tsx
deleted file mode 100644
index 33ca39fe..00000000
--- a/src/components/seller/seller-pro.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-
-import { Card } from '../ui/card'
-import { Check } from 'lucide-react'
-import AsyncLink from '../ui/AsyncLink'
-import { Button } from '../ui/button'
-
-export default function SellerPro() {
- return (
-
-
-
- Informations de la Boutique
-- Configurez les détails de votre boutique -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- { gender !==0 && (
-
-
-
-
-
- )}
-
-
-
-
-
-
- {isLoadingCategoriesByGender ? Loading...
: (
-
-
-
-
-
-
-
-
-
-
-
-
- {data.logo ? (
-
-
-
- 
-
-
-
-
- ) : (
-
-
- )}
- Logo de votre boutique
-
-
-
-
-
-
- {data.images && data.images.length > 0 ? (
-
-
-
- {data.images.map((image, index) => (
-
-) : (
-
- 
-
-
- ))}
-
-
-)}
- Images de votre boutique
-Sélectionnez plusieurs images
-
- {/* Section Vendeur Pro */}
-
-
-
- )
-}
diff --git a/src/components/seller/store-badge.tsx b/src/components/seller/store-badge.tsx
deleted file mode 100644
index 4fa1cc9c..00000000
--- a/src/components/seller/store-badge.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Badge } from "@/components/ui/badge"
-import { Crown, Package, Recycle} from 'lucide-react'
-
-interface StoreBadgeProps {
- isPremium?: boolean
- isWholesale?: boolean
- isThrift?: boolean
-}
-
-export function StoreBadges({ isPremium, isWholesale, isThrift }: StoreBadgeProps) {
- return (
-
-
-
-
-
- Devenez Vendeur Pro 🌟
--
-
-
- -- Visibilité accrue sur la marketplace -
-
- -
- -- Support client prioritaire -
-
- -
- -- Outils marketing avancés -
-
- -
- -- Commission réduite sur les ventes -
-
-
- {isPremium && (
-
-
- )}
- {isWholesale && (
-
-
- )}
- {isThrift && (
-
-
- )}
-
- )
-}
-
diff --git a/src/components/seller/store-modal.tsx b/src/components/seller/store-modal.tsx
deleted file mode 100644
index 557befe5..00000000
--- a/src/components/seller/store-modal.tsx
+++ /dev/null
@@ -1,301 +0,0 @@
-'use client'
-
-import { useState } from "react"
-import { motion, AnimatePresence } from "framer-motion"
-
-import { X, ExternalLink, Star, Heart, ShoppingBag, Clock, MapPin } from 'lucide-react'
-import { Button } from "@/components/ui/button"
-import { Badge } from "@/components/ui/badge"
-
-import { Separator } from "@/components/ui/separator"
-import { StoreBadges } from "./store-badge"
-
-interface Category {
- id: number
- name: string
- productCount: number
-}
-
-interface Product {
- id: number
- name: string
- price: number
- image: string
- rating: number
- sales: number
-}
-
-interface Store {
- id: string
- name: string
- banner: string
- products: Product[]
- rating: number
- followers: number
- totalProducts: number
- categories: Category[]
- isPremium: boolean
- isWholesale: boolean
- isThrift: boolean
- joinDate: string
- location: string
- responseRate: string
-}
-
-const demoStore: Store = {
- id: "store1",
- name: "Home Garden Store",
- banner: "/placeholder.svg?height=300&width=1200",
- rating: 4.8,
- followers: 15234,
- totalProducts: 1458,
- isPremium: true,
- isWholesale: true,
- isThrift: false,
- joinDate: "2021",
- location: "Guangzhou, China",
- responseRate: "97.8%",
- categories: [
- { id: 1, name: "LED Lights", productCount: 245 },
- { id: 2, name: "Home Decor", productCount: 189 },
- { id: 3, name: "Garden Tools", productCount: 156 },
- { id: 4, name: "Smart Home", productCount: 98 },
- ],
- products: [
- {
- id: 1,
- name: "LED Moon Lamp with Wooden Stand",
- price: 24.99,
- image: "/placeholder.svg?height=200&width=200",
- rating: 4.5,
- sales: 285
- },
- {
- id: 2,
- name: "Smart LED Strip Lights",
- price: 19.99,
- image: "/placeholder.svg?height=200&width=200",
- rating: 4.3,
- sales: 152
- },
- {
- id: 3,
- name: "Modern Desk Lamp",
- price: 34.99,
- image: "/placeholder.svg?height=200&width=200",
- rating: 4.7,
- sales: 98
- },
- {
- id: 4,
- name: "Crystal Table Lamp",
- price: 45.99,
- image: "/placeholder.svg?height=200&width=200",
- rating: 4.6,
- sales: 167
- }
- ]
-}
-
-export function StoreCard() {
- const [isModalOpen, setIsModalOpen] = useState(false)
-
- return (
- <>
- setIsModalOpen(true)}
- className="cursor-pointer group"
- >
-
-
-
-
-
- 
-
-
-
- {demoStore.name}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {demoStore.name}
-
-
-
-
- •
-
- {demoStore.followers.toLocaleString()} followers
-
- •
-
- {demoStore.totalProducts.toLocaleString()} products
-
-
-
-
-
-
-
-
-
-
-
- Store Categories
-
- {demoStore.categories.map((category) => (
-
-
-
- ))}
- {category.name}
- {category.productCount} products
-
-
-
-
-
- Featured Products
- -
- {demoStore.products.map((product) => (
-
-
- ))}
-
-
-
-
-
- - {product.name} -
-
- ${product.price}
-
- {product.sales} sold
-
-
-
-
-
-
-
-
-
-
-
-
-
- Total Products
- {demoStore.totalProducts.toLocaleString()}
-
-
-
-
-
- Member Since
- {demoStore.joinDate}
-
-
-
-
-
- Location
- {demoStore.location}
-
-
- Response Rate
- {demoStore.responseRate}
-
-
-
-
-
-
-
-
-
-
-
-
-
- Boutiques Premium
-
-
- Diverses boutiques populaires sur AKEVAS
-Voir plus
- {featuredStores.map((store, index) => (
-
-
-
- ))}
-
-
- {/* Image de couverture */}
-
-
-
-
- 
- {/* Badges */}
-
-
- {/* Statistiques */}
-
- {store.badges.map((badge, idx) => (
-
- {badge}
-
- ))}
-
- {/* Code boutique */}
-
-
-
-
- - {store.code} -
- {store.isVerified && ( -- {store.category} -
-
-
-
-
-
- {/* Call to action */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- setIsModalOpen(true)} className=" bg-[#ed7e0f] cursor-pointer text-white rounded-xl py-2.5 px-4 text-center text-sm font-medium transition-colors duration-300">
- Visiter la boutique
-
- setIsModalOpen(false)} className='fixed z-[999999999999999999999] backdrop-blur-sm bg-[#5a525263] inset-0 w-full h-full'>
-
-
-
-
-
-
-
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
- Shoe Store
-
-
-
-
- •
-
- 15234 followers
-
- •
-
- 15234 products
-
-
-
-
-
-
-
-
-
-
-
- Store Categories
-
- {categories.map((category) => (
-
-
-
- ))}
- {category.name}
- {category.productCount} products
-
-
-
-
-
- Featured Products
- -
- {products.map((product) => (
-
-
- ))}
-
-
-
-
-
- - {product.name} -
-
- ${product.price}
-
- {product.sales} sold
-
-
-
-
-
-
-
-
-
-
-
-
-
- Total Products
- 120
-
-
-
-
-
- Member Since
- 2021
-
-
-
-
-
- Location
- Douala Cameroun
-
-
- Response Rate
- 97.8%
-
- (null)
- const [isModalOpen, setIsModalOpen] = useState(false)
- const [shopId, setShopId] = useState("")
-
- const renderSkeletons = () => (
- Array(4).fill(0).map((_, index) => (
-
-
-
-
- ))
- )
-
- const renderShops = useMemo(()=>{
- return !isLoading && shops.map((shop:Shop,index:number)=>(
-
-
- { setIsModalOpen(true);setShopId(shop.shop_id)}} />
-
-
- ))
- },[shops,!isLoading])
- return (
- setShowOverlay(true)}
- onHoverEnd={() => setShowOverlay(false)}
- onClick={openModal}
- >
- {/* Image de fond avec un effet de zoom au hover */}
-
-
-
- Premium
-
-
-
-
-
- {/* Contenu principal */}
-
-
-
-
- )
-}
-StoreCard.displayName = 'StoreCard';
-export default React.memo(StoreCard);
diff --git a/src/components/stores/store-stories.tsx b/src/components/stores/store-stories.tsx
deleted file mode 100644
index b464c3ad..00000000
--- a/src/components/stores/store-stories.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-import { ChevronRight } from 'lucide-react'
-import AsyncLink from '../ui/AsyncLink'
-import SlideFeatureShop from './slide-feature-shop'
-import { Shop } from '@/types/shop'
-import React from 'react'
-
- const StoreStories = ({title,description,shops,isLoading}:{title:string,description:string,shops:Shop[],isLoading:boolean}) => {
-
-
-
- return (
- <>
-
-
-
-
-
- )
- }
-
- StoreStories.displayName = 'StoreStories';
- export default React.memo(StoreStories);
diff --git a/src/components/ui/CheckoutDrawer.tsx b/src/components/ui/CheckoutDrawer.tsx
deleted file mode 100644
index 68811b3e..00000000
--- a/src/components/ui/CheckoutDrawer.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import React from 'react';
-import { motion } from 'framer-motion';
-import { useCheckAuthQuery } from '@/services/auth';
-
-interface CheckoutDrawerProps {
- isOpen: boolean;
- onClose: () => void;
- product: any;
- selectedImage: number;
- quantity: number;
- setQuantity: (quantity: number) => void;
- currentInfo: {
- price: number;
- mainImage?: string;
- };
- getAllImages: () => Array<{ path: string }>;
-}
-
-const CheckoutDrawer: React.FC = ({
- isOpen,
- onClose,
- product,
- selectedImage,
- quantity,
- setQuantity,
- currentInfo,
- getAllImages,
-}) => {
- const { data, isLoading, isError } = useCheckAuthQuery()
- const checkOutNavigation = () => {
- if (data?.isAuthenticated) {
- window.location.href = `/checkout?s=0&productId=${product.id}&quantity=${quantity}&price=${currentInfo.price * quantity}&name=${product.product_name}&residence=${product.residence}`;
- } else {
-
- window.location.href = `/login?redirect=checkout&s=0&productId=${product.id}&quantity=${quantity}&price=${currentInfo.price * quantity}&name=${product.product_name}&residence=${product.residence}`;
- }
- }
- return (
- <>
- {/* Overlay */}
-
-
-
- );
-};
-
-export default CheckoutDrawer;
\ No newline at end of file
diff --git a/src/components/ui/chart.tsx b/src/components/ui/chart.tsx
new file mode 100644
index 00000000..85bc6544
--- /dev/null
+++ b/src/components/ui/chart.tsx
@@ -0,0 +1,363 @@
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
+
+import { cn } from "@/lib/utils"
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const
+
+export type ChartConfig = {
+ [k in string]: {
+ label?: React.ReactNode
+ icon?: React.ComponentType
+ } & (
+ | { color?: string; theme?: never }
+ | { color?: never; theme: Record }
+ )
+}
+
+type ChartContextProps = {
+ config: ChartConfig
+}
+
+const ChartContext = React.createContext(null)
+
+function useChart() {
+ const context = React.useContext(ChartContext)
+
+ if (!context) {
+ throw new Error("useChart must be used within a
+
+ )
+})
+ChartContainer.displayName = "Chart"
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+ const colorConfig = Object.entries(config).filter(
+ ([, config]) => config.theme || config.color
+ )
+
+ if (!colorConfig.length) {
+ return null
+ }
+
+ return (
+
setIsModalOpen(false)} className='fixed top-0 z-[999999999999999999999] backdrop-blur-sm bg-[#5a525263] inset-0 w-full h-full' />
-
-
- {isLoading ? (
-
-
- }
-
- )
-}
diff --git a/src/components/stores/slide-feature-shop.tsx b/src/components/stores/slide-feature-shop.tsx
deleted file mode 100644
index 0dea10f9..00000000
--- a/src/components/stores/slide-feature-shop.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { useMemo, useRef, useState } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
-import { ArrowLeft, ArrowRight } from 'lucide-react'
-import StoreCard from './store-card'
-import { Swiper, SwiperSlide } from "swiper/react";
-import 'swiper/swiper-bundle.css'
-import { Navigation, Pagination, Autoplay } from 'swiper/modules';
-
-
-import { Shop } from '../../types/shop';
-import ModalShop from './Modal-Shop';
-import { Skeleton } from '@/components/ui/skeleton';
-
-
-
-
-
-
-
-
-
-const SlideFeatureShop = ({shops,isLoading}:{shops:Shop[],isLoading:boolean}) => {
-
- const scrollContainerRef = useRef
-
- ) : (
-
- {/* Header Skeleton */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Categories Skeleton */}
-
-
- {/* Sidebar Skeleton */}
-
-
-
-
-
-
- {/* Products Skeleton */}
-
- {[1, 2, 3, 4].map((i) => (
-
- ))}
-
-
- {[1, 2, 3, 4].map((i) => (
-
- ))}
-
-
-
-
- {[1, 2, 3].map((i) => (
-
-
-
-
- ))}
-
-
-
-
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {shop.shop.shop_key}
-
-
-
-
- •
-
- 15234 followers
-
- •
-
- {shop.shop.products_count} products
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Categories de la boutique
-
-
- {!isLoading && shop.shop.categories.map((category:Category) => (
-
-
-
- ))}
- {category.category_name}
- {12} products
-
- {!isLoading && shop.shop.products_count > 0 && (
-
-
-
- )}
- Featured Products
- -
- {shop.shop.products.map((product:Product) => (
-
-
- ))}
-
-
- {!isLoading && shop.shop.products_count == 0 &&
-
-
-
- - {product.product_name} -
-
- {product.product_price} FCFA
-
- 12 sold
-
-
-
-
}
-
-
- Aucun produit dans cette boutique
- -
-
-
-
-
-
-
-
-
-
-
-
-
- Total Produits
- {shop.shop.products_count}
-
-
-
-
-
- Membre depuis
- { new Date(shop.created_at).toLocaleDateString()}
-
-
-
-
-
- Localisation
- {shop.shop.town}, Cameroun
-
-
- Taux de réponse
- 97.8%
-
-
-
-
-
-
-
-
- {isLoading ? renderSkeletons() : renderShops}
-
-
-
-
-
-
-
-
-
- )
-}
-
-SlideFeatureShop.displayName = 'SlideFeatureShop';
-export default React.memo(SlideFeatureShop);
diff --git a/src/components/stores/store-card.tsx b/src/components/stores/store-card.tsx
deleted file mode 100644
index 3ac797f1..00000000
--- a/src/components/stores/store-card.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-
-
-import { Badge } from "@/components/ui/badge"
-import { Button } from "@/components/ui/button"
-import { Star, ShoppingBag} from 'lucide-react'
-import { motion } from "framer-motion"
-import React, { useState } from "react"
-import { Shop } from "../../types/shop"
-interface StoreCardProps {
- shop: Shop
- openModal: () => void
-}
-
-const StoreCard = ({
- shop,
- openModal
-}: StoreCardProps) => {
-
- const [showOverlay,setShowOverlay]=useState(false)
-
-
-
- return (
-
-
-
- {shop.shop_key}
-{shop.categories[0].category_name}
-
-
-
-
-
-
-
-
-
- Note moyenne
-
-
-
-
- Ventes totales
-
-
-
- Voir toutes les boutiques
-
-
-
-
- Voir toutes les boutiques
-
-
-
-
-
- {title}
-{description}
-
- {/* Barre de titre */}
-
-
-
-
- {/* Contenu en grid sur desktop */}
- Finaliser l'achat
- -
- {/* Informations produit */}
-
-
- {/* Total et CTA - Maintenant centré sur tous les écrans */}
-
- [selectedImage]?.path)
-
-
- {/* Sélecteur de quantité */}
-
-
- {product.product_name}
-{currentInfo.price} FCFA
-
-
-
-
-
- setQuantity(Math.max(1, parseInt(e.target.value) || 1))}
- className="w-20 text-center bg-white border-0 rounded-lg shadow-sm"
- />
-
-
-
-
-
-
-
- Total
- {currentInfo.price * quantity} FCFA
-
-
-
-
-
+
+ {children}
+
+
+