External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixed ImageBanner rendering

Browse Source
This commit is contained in:
plebbitor
2023-03-03 14:44:34 +01:00
parent 21ba6f7b63
commit 84f625fe16
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ImageBanner.jsx
+4 -2
View File
@@ -1,15 +1,17 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { useLocation } from 'react-router-dom';
const ImageBanner = () => { const ImageBanner = () => {
const [currentImage, setCurrentImage] = useState(1); const [currentImage, setCurrentImage] = useState(1);
const location = useLocation();
useEffect(() => { useEffect(() => {
setCurrentImage(Math.floor(Math.random() * 13) + 1); setCurrentImage(Math.floor(Math.random() * 13) + 1);
}, []); }, [location.key]);
return ( return (
<img id="banner-img" src={`/assets/banners/banner-${currentImage}.jpg`} alt="banner" /> <img id="banner-img" src={`/assets/banners/banner-${currentImage}.jpg`} alt="banner" />
); );
}; };
export default ImageBanner; export default ImageBanner;