mirror of
https://github.com/R0m1k3/noteflow.git
synced 2026-10-14 18:57:18 +02:00
Claude
3e6440bd90
- Création de 3 composants UI mobile réutilisables (MobileHeader, MobileFAB, MobileCard) - Création du layout MobileDashboard avec sidebar navigation - Implémentation de 6 pages mobiles : * CalendarPage : gestion des événements avec pagination * NotesPage : liste des notes avec recherche et filtres * NoteDetailPage : édition complète de notes en fullscreen * TodosPage : gestion des tâches actives/complétées * RssPage : affichage des flux RSS avec actualisation * SettingsPage : paramètres de l'application - Configuration du routing automatique mobile/desktop dans App.tsx - Détection automatique du device avec redirection intelligente - Tous les services backend réutilisés sans modification - Build testé et fonctionnel
22 lines
514 B
TypeScript
22 lines
514 B
TypeScript
import { Button } from "@/components/ui/button";
|
|
import { LucideIcon } from "lucide-react";
|
|
|
|
interface MobileFABProps {
|
|
icon: LucideIcon;
|
|
onClick: () => void;
|
|
label?: string;
|
|
}
|
|
|
|
export const MobileFAB = ({ icon: Icon, onClick, label }: MobileFABProps) => {
|
|
return (
|
|
<Button
|
|
onClick={onClick}
|
|
size="lg"
|
|
className="fixed bottom-6 right-6 h-14 w-14 rounded-full shadow-lg z-40"
|
|
aria-label={label}
|
|
>
|
|
<Icon className="h-6 w-6" />
|
|
</Button>
|
|
);
|
|
};
|