diff options
author | crupest <crupest@outlook.com> | 2020-06-10 00:24:16 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-06-10 00:24:24 +0800 |
commit | 5de8d90be2ddfa43c355aa13e9e8162490e4cc96 (patch) | |
tree | c55d4a1f06aa6b52391982560057e076c95a6365 /Timeline/ClientApp/src/timeline/TimelineItem.tsx | |
parent | 1f316209a28355d5af51226865833be31e5ec97d (diff) | |
download | timeline-5de8d90be2ddfa43c355aa13e9e8162490e4cc96.tar.gz timeline-5de8d90be2ddfa43c355aa13e9e8162490e4cc96.tar.bz2 timeline-5de8d90be2ddfa43c355aa13e9e8162490e4cc96.zip |
Rename.
Diffstat (limited to 'Timeline/ClientApp/src/timeline/TimelineItem.tsx')
-rw-r--r-- | Timeline/ClientApp/src/timeline/TimelineItem.tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/Timeline/ClientApp/src/timeline/TimelineItem.tsx b/Timeline/ClientApp/src/timeline/TimelineItem.tsx index b10e6aca..215c7b12 100644 --- a/Timeline/ClientApp/src/timeline/TimelineItem.tsx +++ b/Timeline/ClientApp/src/timeline/TimelineItem.tsx @@ -55,7 +55,7 @@ export interface TimelineItemProps { };
onClick?: () => void;
avatarVersion?: number;
- onLoad?: () => void;
+ onResize?: () => void;
}
const TimelineItem: React.FC<TimelineItemProps> = (props) => {
@@ -63,8 +63,7 @@ const TimelineItem: React.FC<TimelineItemProps> = (props) => { const current = props.current === true;
- const { more, onLoad
- } = props;
+ const { more, onResize } = props;
const avatarUrl = useAvatarUrlWithGivenVersion(
props.avatarVersion,
@@ -119,7 +118,7 @@ const TimelineItem: React.FC<TimelineItemProps> = (props) => { className="float-right float-sm-left mx-2"
to={'/users/' + props.post.author.username}
>
- <img onLoad={onLoad} src={avatarUrl} className="avatar rounded" />
+ <img onLoad={onResize} src={avatarUrl} className="avatar rounded" />
</Link>
{(() => {
const { content } = props.post;
@@ -128,7 +127,7 @@ const TimelineItem: React.FC<TimelineItemProps> = (props) => { } else {
return (
<img
- onLoad={onLoad}
+ onLoad={onResize}
src={content.url}
className="timeline-content-image"
/>
|