2025-08-28 10:41:04 +02:00
|
|
|
// UI Components - Design System
|
|
|
|
|
export { default as Button } from './Button';
|
|
|
|
|
export { default as Input } from './Input';
|
2025-09-23 12:49:35 +02:00
|
|
|
export { default as Textarea } from './Textarea/Textarea';
|
2025-08-28 10:41:04 +02:00
|
|
|
export { default as Card, CardHeader, CardBody, CardFooter } from './Card';
|
2025-09-16 12:21:15 +02:00
|
|
|
export { default as Modal, ModalHeader, ModalBody, ModalFooter } from './Modal';
|
2025-08-28 10:41:04 +02:00
|
|
|
export { default as Table } from './Table';
|
2025-10-23 07:44:54 +02:00
|
|
|
export { Badge, CountBadge, StatusDot, SeverityBadge } from './Badge';
|
2025-08-28 10:41:04 +02:00
|
|
|
export { default as Avatar } from './Avatar';
|
|
|
|
|
export { default as Tooltip } from './Tooltip';
|
|
|
|
|
export { default as Select } from './Select';
|
|
|
|
|
export { default as DatePicker } from './DatePicker';
|
2025-09-20 08:24:03 +02:00
|
|
|
export { Tabs } from './Tabs';
|
2025-08-28 10:41:04 +02:00
|
|
|
export { ThemeToggle } from './ThemeToggle';
|
2025-09-23 19:24:22 +02:00
|
|
|
export { Toggle } from './Toggle';
|
2025-08-28 10:41:04 +02:00
|
|
|
export { ProgressBar } from './ProgressBar';
|
|
|
|
|
export { StatusIndicator } from './StatusIndicator';
|
|
|
|
|
export { ListItem } from './ListItem';
|
2025-08-30 19:11:15 +02:00
|
|
|
export { StatsCard, StatsGrid } from './Stats';
|
2025-08-31 10:46:13 +02:00
|
|
|
export { StatusCard, getStatusColor } from './StatusCard';
|
2025-09-26 07:46:25 +02:00
|
|
|
export { EditViewModal } from './EditViewModal';
|
|
|
|
|
export { AddModal } from './AddModal';
|
2025-11-01 21:35:03 +01:00
|
|
|
export { StatusModal } from './StatusModal';
|
2025-09-26 07:46:25 +02:00
|
|
|
export { DialogModal, showInfoDialog, showWarningDialog, showErrorDialog, showSuccessDialog, showConfirmDialog } from './DialogModal';
|
2025-09-03 18:29:56 +02:00
|
|
|
export { TenantSwitcher } from './TenantSwitcher';
|
2025-09-25 12:14:46 +02:00
|
|
|
export { LanguageSelector, CompactLanguageSelector } from './LanguageSelector';
|
2025-09-26 07:46:25 +02:00
|
|
|
export { LoadingSpinner } from './LoadingSpinner';
|
|
|
|
|
export { EmptyState } from './EmptyState';
|
2025-09-26 12:12:17 +02:00
|
|
|
export { ResponsiveText } from './ResponsiveText';
|
|
|
|
|
export { SearchAndFilter } from './SearchAndFilter';
|
2025-10-29 06:58:05 +01:00
|
|
|
export { BaseDeleteModal } from './BaseDeleteModal';
|
2025-11-12 15:34:10 +01:00
|
|
|
export { Alert, AlertTitle, AlertDescription } from './Alert';
|
|
|
|
|
export { Progress } from './Progress';
|
|
|
|
|
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './Accordion';
|
|
|
|
|
export { Loader } from './Loader';
|
|
|
|
|
export { AnimatedCounter } from './AnimatedCounter';
|
|
|
|
|
export { ScrollReveal } from './ScrollReveal';
|
|
|
|
|
export { FloatingCTA } from './FloatingCTA';
|
|
|
|
|
export { TableOfContents } from './TableOfContents';
|
|
|
|
|
export { SavingsCalculator } from './SavingsCalculator';
|
|
|
|
|
export { StepTimeline } from './StepTimeline';
|
|
|
|
|
export { FAQAccordion } from './FAQAccordion';
|
feat: Redesign bakery and user settings pages with improved UX
Implemented a comprehensive redesign of the settings pages using Jobs To Be Done (JTBD) methodology to improve user experience, visual appeal, and discoverability.
## New Components
- **SettingRow**: Reusable component for consistent setting layouts with support for toggles, inputs, selects, and custom content
- **SettingSection**: Collapsible section component for grouping related settings with consistent styling
## Page Redesigns
### BakerySettingsPage
- Redesigned information tab with better visual hierarchy using SettingSection components
- Improved business hours UI with clearer day-by-day layout
- Enhanced header with gradient bakery icon and status indicators
- Consistent spacing and responsive design improvements
- Better visual feedback for unsaved changes
### NewProfileSettingsPage
- Unified design with bakery settings page
- Improved personal information section with SettingSection
- Better security section layout with collapsible password change form
- Enhanced privacy & data management UI
- Consistent icon usage and visual hierarchy
### InventorySettingsCard
- Replaced checkbox with toggle switch for temperature monitoring
- Progressive disclosure: temperature settings only shown when enabled
- Better visual separation between setting groups
- Improved responsive grid layouts
- Added helpful descriptions and tooltips
## Key Improvements
1. **Visual Consistency**: Both bakery and user settings now use the same design patterns and components
2. **Scannability**: Icons, badges, and clear visual hierarchy make settings easier to scan
3. **Progressive Disclosure**: Complex settings (like temperature monitoring) only show when relevant
4. **Toggle Switches**: Binary settings use toggles instead of checkboxes for better visual feedback
5. **Responsive Design**: Improved mobile and desktop layouts with better touch targets
6. **Accessibility**: Proper ARIA labels, help text, and keyboard navigation support
## JTBD Analysis Applied
- Main job: "Quickly find, understand, and change settings without mistakes"
- Sub-jobs addressed:
- Discovery & navigation (visual grouping, icons, clear labels)
- Configuration & adjustment (toggles, inline editing, validation)
- Validation & confidence (help text, descriptions, visual feedback)
This redesign maintains backward compatibility while significantly improving the user experience for managing bakery and personal settings.
2025-11-14 06:34:23 +00:00
|
|
|
export { SettingRow } from './SettingRow';
|
|
|
|
|
export { SettingSection } from './SettingSection';
|
2025-08-28 10:41:04 +02:00
|
|
|
|
|
|
|
|
// Export types
|
|
|
|
|
export type { ButtonProps } from './Button';
|
|
|
|
|
export type { InputProps } from './Input';
|
2025-09-23 12:49:35 +02:00
|
|
|
export type { TextareaProps } from './Textarea';
|
2025-08-28 10:41:04 +02:00
|
|
|
export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps } from './Card';
|
2025-09-16 12:21:15 +02:00
|
|
|
export type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './Modal';
|
2025-08-28 10:41:04 +02:00
|
|
|
export type { TableProps, TableColumn, TableRow } from './Table';
|
2025-10-23 07:44:54 +02:00
|
|
|
export type { BadgeProps, CountBadgeProps, StatusDotProps, SeverityBadgeProps, SeverityLevel } from './Badge';
|
2025-08-28 10:41:04 +02:00
|
|
|
export type { AvatarProps } from './Avatar';
|
|
|
|
|
export type { TooltipProps } from './Tooltip';
|
|
|
|
|
export type { SelectProps, SelectOption } from './Select';
|
|
|
|
|
export type { DatePickerProps } from './DatePicker';
|
2025-09-20 08:24:03 +02:00
|
|
|
export type { TabsProps, TabItem } from './Tabs';
|
2025-08-28 10:41:04 +02:00
|
|
|
export type { ThemeToggleProps } from './ThemeToggle';
|
2025-09-23 19:24:22 +02:00
|
|
|
export type { ToggleProps } from './Toggle';
|
2025-08-28 10:41:04 +02:00
|
|
|
export type { ProgressBarProps } from './ProgressBar';
|
|
|
|
|
export type { StatusIndicatorProps } from './StatusIndicator';
|
2025-08-30 19:11:15 +02:00
|
|
|
export type { ListItemProps } from './ListItem';
|
2025-08-31 10:46:13 +02:00
|
|
|
export type { StatsCardProps, StatsCardVariant, StatsCardSize, StatsGridProps } from './Stats';
|
|
|
|
|
export type { StatusCardProps, StatusIndicatorConfig } from './StatusCard';
|
2025-09-26 07:46:25 +02:00
|
|
|
export type { EditViewModalProps, EditViewModalField, EditViewModalSection, EditViewModalAction } from './EditViewModal';
|
|
|
|
|
export type { AddModalProps, AddModalField, AddModalSection } from './AddModal';
|
2025-11-01 21:35:03 +01:00
|
|
|
export type { StatusModalProps, StatusModalField, StatusModalSection, StatusModalAction } from './StatusModal/StatusModal';
|
2025-09-26 07:46:25 +02:00
|
|
|
export type { DialogModalProps, DialogModalAction } from './DialogModal';
|
|
|
|
|
export type { LoadingSpinnerProps } from './LoadingSpinner';
|
2025-09-26 12:12:17 +02:00
|
|
|
export type { EmptyStateProps } from './EmptyState';
|
|
|
|
|
export type { ResponsiveTextProps } from './ResponsiveText';
|
2025-10-29 06:58:05 +01:00
|
|
|
export type { SearchAndFilterProps, FilterConfig, FilterOption } from './SearchAndFilter';
|
2025-11-12 15:34:10 +01:00
|
|
|
export type { BaseDeleteModalProps, DeleteMode, EntityDisplayInfo, DeleteModeOption, DeleteWarning, DeletionSummaryData } from './BaseDeleteModal';
|
|
|
|
|
export type { LoaderProps } from './Loader';
|
|
|
|
|
export type { AnimatedCounterProps } from './AnimatedCounter';
|
|
|
|
|
export type { ScrollRevealProps } from './ScrollReveal';
|
|
|
|
|
export type { FloatingCTAProps } from './FloatingCTA';
|
|
|
|
|
export type { TableOfContentsProps, TOCSection } from './TableOfContents';
|
|
|
|
|
export type { SavingsCalculatorProps } from './SavingsCalculator';
|
|
|
|
|
export type { StepTimelineProps, TimelineStep } from './StepTimeline';
|
feat: Redesign bakery and user settings pages with improved UX
Implemented a comprehensive redesign of the settings pages using Jobs To Be Done (JTBD) methodology to improve user experience, visual appeal, and discoverability.
## New Components
- **SettingRow**: Reusable component for consistent setting layouts with support for toggles, inputs, selects, and custom content
- **SettingSection**: Collapsible section component for grouping related settings with consistent styling
## Page Redesigns
### BakerySettingsPage
- Redesigned information tab with better visual hierarchy using SettingSection components
- Improved business hours UI with clearer day-by-day layout
- Enhanced header with gradient bakery icon and status indicators
- Consistent spacing and responsive design improvements
- Better visual feedback for unsaved changes
### NewProfileSettingsPage
- Unified design with bakery settings page
- Improved personal information section with SettingSection
- Better security section layout with collapsible password change form
- Enhanced privacy & data management UI
- Consistent icon usage and visual hierarchy
### InventorySettingsCard
- Replaced checkbox with toggle switch for temperature monitoring
- Progressive disclosure: temperature settings only shown when enabled
- Better visual separation between setting groups
- Improved responsive grid layouts
- Added helpful descriptions and tooltips
## Key Improvements
1. **Visual Consistency**: Both bakery and user settings now use the same design patterns and components
2. **Scannability**: Icons, badges, and clear visual hierarchy make settings easier to scan
3. **Progressive Disclosure**: Complex settings (like temperature monitoring) only show when relevant
4. **Toggle Switches**: Binary settings use toggles instead of checkboxes for better visual feedback
5. **Responsive Design**: Improved mobile and desktop layouts with better touch targets
6. **Accessibility**: Proper ARIA labels, help text, and keyboard navigation support
## JTBD Analysis Applied
- Main job: "Quickly find, understand, and change settings without mistakes"
- Sub-jobs addressed:
- Discovery & navigation (visual grouping, icons, clear labels)
- Configuration & adjustment (toggles, inline editing, validation)
- Validation & confidence (help text, descriptions, visual feedback)
This redesign maintains backward compatibility while significantly improving the user experience for managing bakery and personal settings.
2025-11-14 06:34:23 +00:00
|
|
|
export type { FAQAccordionProps, FAQItem } from './FAQAccordion';
|
|
|
|
|
export type { SettingRowProps } from './SettingRow';
|
|
|
|
|
export type { SettingSectionProps } from './SettingSection';
|