feat(onboarding-improvements): Onboarding-Tour: 3 Schritte (Dashboard → Customer anlegen → [tsc:fail]
This commit is contained in:
parent
d6fe3ba005
commit
a36f1a6096
@ -1,9 +1,10 @@
|
||||
{
|
||||
"completed_features": [],
|
||||
"current_feature": "more-keyboard-shortcuts",
|
||||
"current_feature": "onboarding-improvements",
|
||||
"started_at": "2026-05-23T09:18:37.298269",
|
||||
"attempted_features": [
|
||||
"recently-viewed-widget",
|
||||
"favorites-system"
|
||||
"favorites-system",
|
||||
"more-keyboard-shortcuts"
|
||||
]
|
||||
}
|
||||
@ -3336,3 +3336,21 @@ src/index.ts(27,25): error TS2769: No overload matches this call.
|
||||
Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
|
||||
Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
|
||||
Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>,
|
||||
- `09:19:54` **INFO** Committed feature more-keyboard-shortcuts
|
||||
- `09:19:55` **INFO** Pushed: rc=0
|
||||
|
||||
## Phase-3 Feature: onboarding-improvements (2026-05-23 09:19:55)
|
||||
|
||||
- `09:19:55` **INFO** Description: Onboarding-Tour: 3 Schritte (Dashboard → Customer anlegen → TimeEntry tracken)
|
||||
- `09:19:55` **INFO** Generating apps/web/src/components/OnboardingTour.tsx (ERWEITERT — behalte Trigger-Logik. Verbesserte Steps: 1. Welcome auf D…)
|
||||
- `09:20:44` **INFO** wrote 5331 chars in 49.2s (attempt 1)
|
||||
- `09:20:44` **INFO** Running tsc --noEmit on api…
|
||||
- `09:20:46` **WARN** tsc errors:
|
||||
src/db/schema.ts(37,14): error TS7022: 'customers' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
|
||||
src/db/schema.ts(45,59): error TS7024: Function implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions.
|
||||
src/db/schema.ts(49,14): error TS7022: 'projects' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
|
||||
src/db/schema.ts(53,56): error TS7024: Function implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions.
|
||||
src/index.ts(27,25): error TS2769: No overload matches this call.
|
||||
Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
|
||||
Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
|
||||
Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>,
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import React, { useState, useEffect, useRef } from 'react';
|
||||
import { X } from 'lucide-react';
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { X, ChevronRight } from 'lucide-react';
|
||||
|
||||
type TourStep = {
|
||||
selector: string;
|
||||
@ -9,14 +9,19 @@ type TourStep = {
|
||||
|
||||
const TOUR_STEPS: TourStep[] = [
|
||||
{
|
||||
selector: '[data-tour="nav"]',
|
||||
title: 'Navigation',
|
||||
body: 'Hier findest du den schnellen Zugriff auf alle Bereiche deiner Zeiterfassung.',
|
||||
selector: '[data-tour="welcome"]',
|
||||
title: 'Willkommen bei EmberClone',
|
||||
body: 'Hier hast du den vollen Überblick über deine Projekte und deine investierte Zeit.',
|
||||
},
|
||||
{
|
||||
selector: '[data-tour="time-entries"]',
|
||||
title: 'Zeiteinträge',
|
||||
body: 'Klicke hier, um neue Einträge zu erstellen oder bestehende zu bearbeiten.',
|
||||
selector: '[data-tour="nav-customers"]',
|
||||
title: 'Kunden verwalten',
|
||||
body: 'Lege hier deine Kunden an, um Projekte sauber zuordnen und später abzurechnen.',
|
||||
},
|
||||
{
|
||||
selector: '[data-tour="nav-time"]',
|
||||
title: 'Zeit erfassen',
|
||||
body: 'Hier kannst du deine täglichen Einträge erstellen, bearbeiten und exportieren.',
|
||||
},
|
||||
{
|
||||
selector: '[data-tour="search-hint"]',
|
||||
@ -78,12 +83,13 @@ export default function OnboardingTour() {
|
||||
if (currentStep === null || !isVisible) return null;
|
||||
|
||||
const step = TOUR_STEPS[currentStep];
|
||||
const isLastStep = currentStep === TOUR_STEPS.length - 1;
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-[100] pointer-events-auto overflow-hidden">
|
||||
{/* Backdrop with Hole */}
|
||||
<div
|
||||
className="absolute inset-0 bg-black/40 transition-all duration-300"
|
||||
className="absolute inset-0 bg-black/50 transition-all duration-300 ease-in-out"
|
||||
style={{
|
||||
clipPath: `polygon(
|
||||
0% 0%, 0% 100%,
|
||||
@ -113,24 +119,43 @@ export default function OnboardingTour() {
|
||||
<button
|
||||
onClick={completeTour}
|
||||
className="p-1 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors"
|
||||
title="Tour überspringen"
|
||||
>
|
||||
<X className="w-4 h-4 text-zinc-500" />
|
||||
</button>
|
||||
</div>
|
||||
<p className="text-sm text-zinc-600 dark:text-zinc-400 mb-5 leading-relaxed">
|
||||
|
||||
<p className="text-sm text-zinc-600 dark:text-zinc-400 mb-6 leading-relaxed">
|
||||
{step.body}
|
||||
</p>
|
||||
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-xs text-zinc-400">
|
||||
Step {currentStep + 1} of {TOUR_STEPS.length}
|
||||
</span>
|
||||
<button
|
||||
onClick={completeTour}
|
||||
className="text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300 transition-colors"
|
||||
>
|
||||
Überspringen
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={handleNext}
|
||||
className="px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium rounded-lg transition-colors"
|
||||
className="flex items-center gap-1 px-3 py-1.5 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 rounded-lg text-sm font-medium hover:opacity-90 transition-opacity"
|
||||
>
|
||||
{currentStep === TOUR_STEPS.length - 1 ? 'Finish' : 'Next'}
|
||||
{isLastStep ? 'Verstanden' : 'Weiter'}
|
||||
{!isLastStep && <ChevronRight className="w-3.5 h-3.5" />}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="mt-4 flex justify-center gap-1">
|
||||
{TOUR_STEPS.map((_, idx) => (
|
||||
<div
|
||||
key={idx}
|
||||
className={`h-1 rounded-full transition-all duration-300 ${
|
||||
idx === currentStep ? 'w-4 bg-zinc-900 dark:bg-zinc-100' : 'w-1 bg-zinc-200 dark:bg-zinc-700'
|
||||
}`}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user