feat(hover-tooltips): Tooltip-Component (für Icon-Only-Buttons) [tsc:fail]

This commit is contained in:
Dennis (via Claude+Gemma) 2026-05-23 08:52:26 +02:00
parent fb3a7d6c0e
commit a2a81d0205
3 changed files with 41 additions and 2 deletions

View File

@ -1,9 +1,10 @@
{ {
"completed_features": [], "completed_features": [],
"current_feature": "confirm-modal", "current_feature": "hover-tooltips",
"started_at": "2026-05-23T08:51:33.874805", "started_at": "2026-05-23T08:51:33.874805",
"attempted_features": [ "attempted_features": [
"loading-skeletons", "loading-skeletons",
"empty-state-illustrations" "empty-state-illustrations",
"confirm-modal"
] ]
} }

View File

@ -3055,3 +3055,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. 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>'. 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>, Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>,
- `08:52:18` **INFO** Committed feature confirm-modal
- `08:52:19` **INFO** Pushed: rc=0
## Phase-3 Feature: hover-tooltips (2026-05-23 08:52:19)
- `08:52:19` **INFO** Description: Tooltip-Component (für Icon-Only-Buttons)
- `08:52:19` **INFO** Generating apps/web/src/components/Tooltip.tsx (Tooltip-Component. Props: children, content (string). On hover: zeigt …)
- `08:52:24` **INFO** wrote 656 chars in 5.8s (attempt 1)
- `08:52:24` **INFO** Running tsc --noEmit on api…
- `08:52:26` **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(43,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(47,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(51,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>,

View File

@ -0,0 +1,20 @@
import React, { ReactNode } from 'react';
interface TooltipProps {
children: ReactNode;
content: string;
}
export const Tooltip = ({ children, content }: TooltipProps) => {
return (
<div className="relative group inline-block">
{children}
<div className="absolute bottom-full right-0 mb-2 hidden group-hover:flex items-center justify-center">
<div className="relative z-10 px-2 py-1 text-xs font-medium text-white bg-gray-900 rounded shadow-sm whitespace-nowrap">
{content}
<div className="absolute top-full right-1.5 -mt-1 w-2 h-2 bg-gray-900 rotate-45" />
</div>
</div>
</div>
);
};