fix: Fix imports and database bugs. Removed legacy ETL code.
This commit is contained in:
@@ -71,7 +71,7 @@ export const AddVehicleStep: React.FC<AddVehicleStepProps> = ({
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div className="pt-4 border-t border-gray-200 dark:border-gray-700">
|
||||
<div className="pt-4 border-t border-gray-200 dark:border-border">
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={onBack}
|
||||
|
||||
@@ -60,7 +60,7 @@ export const PreferencesStep: React.FC<PreferencesStepProps> = ({ onNext, loadin
|
||||
className={`min-h-[44px] py-3 px-4 rounded-lg border-2 font-medium transition-all ${
|
||||
unitSystem === 'imperial'
|
||||
? 'border-primary-600 bg-primary-50 text-primary-700 dark:border-primary-500 dark:bg-primary-900 dark:text-primary-300'
|
||||
: 'border-gray-300 bg-white text-gray-700 hover:border-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:border-gray-500'
|
||||
: 'border-gray-300 bg-white text-gray-700 hover:border-gray-400 dark:border-border dark:bg-card dark:text-gray-200 dark:hover:border-inactive'
|
||||
}`}
|
||||
>
|
||||
<div className="text-sm font-semibold">Imperial</div>
|
||||
@@ -72,7 +72,7 @@ export const PreferencesStep: React.FC<PreferencesStepProps> = ({ onNext, loadin
|
||||
className={`min-h-[44px] py-3 px-4 rounded-lg border-2 font-medium transition-all ${
|
||||
unitSystem === 'metric'
|
||||
? 'border-primary-600 bg-primary-50 text-primary-700 dark:border-primary-500 dark:bg-primary-900 dark:text-primary-300'
|
||||
: 'border-gray-300 bg-white text-gray-700 hover:border-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:border-gray-500'
|
||||
: 'border-gray-300 bg-white text-gray-700 hover:border-gray-400 dark:border-border dark:bg-card dark:text-gray-200 dark:hover:border-inactive'
|
||||
}`}
|
||||
>
|
||||
<div className="text-sm font-semibold">Metric</div>
|
||||
|
||||
@@ -87,7 +87,7 @@ export const OnboardingMobileScreen: React.FC = () => {
|
||||
className={`w-10 h-10 rounded-full flex items-center justify-center font-semibold text-sm transition-all ${
|
||||
stepNumbers[currentStep] >= stepNumbers[step]
|
||||
? 'bg-primary-600 text-white dark:bg-primary-700 dark:text-white'
|
||||
: 'bg-gray-200 text-gray-500 dark:bg-gray-700 dark:text-gray-400'
|
||||
: 'bg-gray-200 text-gray-500 dark:bg-inactive dark:text-gray-400'
|
||||
}`}
|
||||
>
|
||||
{stepNumbers[step]}
|
||||
@@ -109,7 +109,7 @@ export const OnboardingMobileScreen: React.FC = () => {
|
||||
className={`flex-1 h-1 mx-2 rounded transition-all ${
|
||||
stepNumbers[currentStep] > stepNumbers[step]
|
||||
? 'bg-primary-600 dark:bg-primary-700'
|
||||
: 'bg-gray-200 dark:bg-gray-700'
|
||||
: 'bg-gray-200 dark:bg-inactive'
|
||||
}`}
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -80,7 +80,7 @@ export const OnboardingPage: React.FC = () => {
|
||||
className={`w-10 h-10 rounded-full flex items-center justify-center font-semibold transition-all ${
|
||||
stepNumbers[currentStep] >= stepNumbers[step]
|
||||
? 'bg-primary-600 text-white dark:bg-primary-700 dark:text-white'
|
||||
: 'bg-gray-200 text-gray-500 dark:bg-gray-700 dark:text-gray-400'
|
||||
: 'bg-gray-200 text-gray-500 dark:bg-inactive dark:text-gray-400'
|
||||
}`}
|
||||
>
|
||||
{stepNumbers[step]}
|
||||
@@ -102,7 +102,7 @@ export const OnboardingPage: React.FC = () => {
|
||||
className={`flex-1 h-1 mx-2 rounded transition-all ${
|
||||
stepNumbers[currentStep] > stepNumbers[step]
|
||||
? 'bg-primary-600 dark:bg-primary-700'
|
||||
: 'bg-gray-200 dark:bg-gray-700'
|
||||
: 'bg-gray-200 dark:bg-inactive'
|
||||
}`}
|
||||
/>
|
||||
)}
|
||||
@@ -115,7 +115,7 @@ export const OnboardingPage: React.FC = () => {
|
||||
</div>
|
||||
|
||||
{/* Step Content */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl border border-slate-200 dark:border-gray-700 p-6 md:p-8">
|
||||
<div className="bg-white dark:bg-card rounded-2xl shadow-xl border border-slate-200 dark:border-border p-6 md:p-8">
|
||||
{currentStep === 'preferences' && (
|
||||
<PreferencesStep
|
||||
onNext={handleSavePreferences}
|
||||
|
||||
@@ -24,7 +24,7 @@ export const Button: React.FC<ButtonProps> = ({
|
||||
|
||||
const variants = {
|
||||
primary: 'bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500 dark:bg-primary-600 dark:hover:bg-primary-700',
|
||||
secondary: 'bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-500 dark:bg-gray-700 dark:text-gray-100 dark:hover:bg-gray-600',
|
||||
secondary: 'bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-500 dark:bg-inactive dark:text-gray-100 dark:hover:bg-border',
|
||||
danger: 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500 dark:bg-red-700 dark:hover:bg-red-800',
|
||||
};
|
||||
|
||||
|
||||
@@ -27,6 +27,9 @@ export default {
|
||||
// Dark theme tokens (Ferrari-inspired palette)
|
||||
paper: '#1D1A18', // MUI background.paper - DARKEST brownish-black
|
||||
nero: '#231F1C', // Nero Daytona - page base
|
||||
card: '#2A2725', // Card backgrounds - lighter than nero
|
||||
border: '#3A3735', // Borders in dark mode
|
||||
inactive: '#4A4845', // Inactive UI elements
|
||||
avus: '#F2F3F6', // Bianco Avus - primary text on dark
|
||||
titanio: '#A8B8C0', // Grigio Titanio - secondary text on dark
|
||||
canna: '#7E8792', // Canna Di Fucile - placeholder text
|
||||
|
||||
Reference in New Issue
Block a user