83fdebf64d
- Add jscodeshift-based codemod to convert arrow function components to function declarations - Support React.FC, observer-wrapped, and forwardRef components - Include comprehensive test suite covering edge cases - Add npm script to run transformer across codebase - Target only .tsx files in source directories, excluding node_modules and declaration files * [WEB-5459] chore: updates after running codemod --------- Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
32 lines
797 B
TypeScript
32 lines
797 B
TypeScript
"use client";
|
|
import React from "react";
|
|
|
|
// Minimal shim so code using next/image compiles under React Router + Vite
|
|
// without changing call sites. It just renders a native img.
|
|
|
|
type NextImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
|
|
src: string;
|
|
fill?: boolean;
|
|
priority?: boolean;
|
|
quality?: number;
|
|
placeholder?: "blur" | "empty";
|
|
blurDataURL?: string;
|
|
};
|
|
|
|
function Image({
|
|
src,
|
|
alt = "",
|
|
fill,
|
|
priority: _priority,
|
|
quality: _quality,
|
|
placeholder: _placeholder,
|
|
blurDataURL: _blurDataURL,
|
|
...rest
|
|
}: NextImageProps) {
|
|
// If fill is true, apply object-fit styles
|
|
const style = fill ? { objectFit: "cover" as const, width: "100%", height: "100%" } : rest.style;
|
|
|
|
return <img src={src} alt={alt} {...rest} style={style} />;
|
|
}
|
|
|
|
export default Image;
|