remove fallback zero image

Author: nemanjam

docs/working-notes/todo4.md

@@ -58,6 +58,7 @@ for screenshots use new not private window and select window in screenshot tool,
 breadcrumb navigation, projects
     random image client component for Home page, onClick
 use picture with srcSet for Home image
+solve loading fallback for async client image
 ```
 
 

src/components/react/ImageRandom.tsx

@@ -10,8 +10,10 @@ interface Props extends ImgHTMLAttributes<HTMLImageElement> {
   allImagesSrc: string[];
 }
 
+const initialSrc = '';
+
 const ImageRandomReact: FC<Props> = ({ allImagesSrc, className, ...props }) => {
-  const [imageSrc, setImageSrc] = useState(allImagesSrc[0]);
+  const [imageSrc, setImageSrc] = useState(initialSrc);
 
   useEffect(() => {
     const run = async () => {
@@ -33,7 +35,7 @@ const ImageRandomReact: FC<Props> = ({ allImagesSrc, className, ...props }) => {
       src={imageSrc}
       onClick={handleClick}
       className={cn('cursor-pointer', className)}
-      alt="Random Hero image"
+      alt="Hero image"
     />
   );
 };