fix(front): Attempt to fix scroll problem in timeline page.

1 files changed, 9 insertions, 3 deletions

diff --git a/Timeline/ClientApp/src/timeline/TimelineItem.tsx b/Timeline/ClientApp/src/timeline/TimelineItem.tsx
index 7d488826..b10e6aca 100644
--- a/Timeline/ClientApp/src/timeline/TimelineItem.tsx
+++ b/Timeline/ClientApp/src/timeline/TimelineItem.tsx
@@ -55,6 +55,7 @@ export interface TimelineItemProps {
   };

   onClick?: () => void;

   avatarVersion?: number;

+  onLoad?: () => void;

 }

 

 const TimelineItem: React.FC<TimelineItemProps> = (props) => {

@@ -62,7 +63,8 @@ const TimelineItem: React.FC<TimelineItemProps> = (props) => {
 

   const current = props.current === true;

 

-  const { more } = props;

+  const { more, onLoad 

+  } = props;

 

   const avatarUrl = useAvatarUrlWithGivenVersion(

     props.avatarVersion,

@@ -117,7 +119,7 @@ const TimelineItem: React.FC<TimelineItemProps> = (props) => {
             className="float-right float-sm-left mx-2"

             to={'/users/' + props.post.author.username}

           >

-            <img src={avatarUrl} className="avatar rounded" />

+            <img onLoad={onLoad} src={avatarUrl} className="avatar rounded" />

           </Link>

           {(() => {

             const { content } = props.post;

@@ -125,7 +127,11 @@ const TimelineItem: React.FC<TimelineItemProps> = (props) => {
               return content.text;

             } else {

               return (

-                <img src={content.url} className="timeline-content-image" />

+                <img

+                  onLoad={onLoad}

+                  src={content.url}

+                  className="timeline-content-image"

+                />

               );

             }

           })()}