v7.1.8

frontend/src/components/ui/tool-case.tsx

@@ -4,16 +4,13 @@ import type { HTMLAttributes } from 'react';
 import { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
 import { motion, useAnimation } from 'motion/react';
 import { cn } from '@/lib/utils';
-
 export interface ToolCaseIconHandle {
     startAnimation: () => void;
     stopAnimation: () => void;
 }
-
 interface ToolCaseIconProps extends HTMLAttributes<HTMLDivElement> {
     size?: number;
 }
-
 const DRAW_VARIANTS: Variants = {
     normal: {
         pathLength: 1,
@@ -28,7 +25,6 @@ const DRAW_VARIANTS: Variants = {
         },
     },
 };
-
 const HANDLE_VARIANTS: Variants = {
     normal: {
         scaleX: 1,
@@ -43,11 +39,9 @@ const HANDLE_VARIANTS: Variants = {
         },
     },
 };
-
 const ToolCaseIcon = forwardRef<ToolCaseIconHandle, ToolCaseIconProps>(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
     const controls = useAnimation();
     const isControlledRef = useRef(false);
-
     useImperativeHandle(ref, () => {
         isControlledRef.current = true;
         return {
@@ -55,7 +49,6 @@ const ToolCaseIcon = forwardRef<ToolCaseIconHandle, ToolCaseIconProps>(({ onMous
             stopAnimation: () => controls.start('normal'),
         };
     });
-
     const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
         if (!isControlledRef.current) {
             controls.start('animate');
@@ -64,7 +57,6 @@ const ToolCaseIcon = forwardRef<ToolCaseIconHandle, ToolCaseIconProps>(({ onMous
             onMouseEnter?.(e);
         }
     }, [controls, onMouseEnter]);
-
     const handleMouseLeave = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
         if (!isControlledRef.current) {
             controls.start('normal');
@@ -73,7 +65,6 @@ const ToolCaseIcon = forwardRef<ToolCaseIconHandle, ToolCaseIconProps>(({ onMous
             onMouseLeave?.(e);
         }
     }, [controls, onMouseLeave]);
-
     return (<div className={cn(className)} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} {...props}>
       <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
         <motion.path d="M10 15h4" variants={HANDLE_VARIANTS} animate={controls} initial="normal"/>
@@ -83,7 +74,5 @@ const ToolCaseIcon = forwardRef<ToolCaseIconHandle, ToolCaseIconProps>(({ onMous
       </svg>
     </div>);
 });
-
 ToolCaseIcon.displayName = 'ToolCaseIcon';
-
 export { ToolCaseIcon };