このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
2021-12-19 08:26:49 +09:00
|
|
|
import React, { useEffect, useState } from 'react';
|
|
|
|
|
|
|
|
const Thumbnail = ({image}) => {
|
|
|
|
|
2021-12-19 09:25:24 +09:00
|
|
|
const [height, setHeight] = useState(350);
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
setHeight(document.querySelector('.p-file-for').clientWidth);
|
|
|
|
const resizeListener = () => {
|
|
|
|
setHeight(document.querySelector('.p-file-for').clientWidth);
|
|
|
|
};
|
|
|
|
window.addEventListener('resize', resizeListener);
|
|
|
|
return () => {
|
|
|
|
window.removeEventListener('resize', resizeListener);
|
|
|
|
}
|
|
|
|
}, [])
|
|
|
|
|
2021-12-19 08:26:49 +09:00
|
|
|
return (
|
2021-12-19 09:25:24 +09:00
|
|
|
<div className="p-file-for" style={{ height: height}}>
|
2021-12-19 08:26:49 +09:00
|
|
|
{ image && <img src={image} alt="thumbnail"/> }
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default Thumbnail;
|