Rename.

3 files changed, 14 insertions, 15 deletions

diff --git a/Timeline/ClientApp/src/timeline/Timeline.tsx b/Timeline/ClientApp/src/timeline/Timeline.tsx
index a2c14815..f6ff8949 100644
--- a/Timeline/ClientApp/src/timeline/Timeline.tsx
+++ b/Timeline/ClientApp/src/timeline/Timeline.tsx
@@ -18,14 +18,14 @@ export interface TimelineProps {
   className?: string;

   posts: TimelinePostInfoEx[];

   onDelete: TimelineDeleteCallback;

-  onLoad?: () => void;

+  onResize?: () => void;

 }

 

 const Timeline: React.FC<TimelineProps> = (props) => {

   const user = useUser();

   const avatarVersion = useAvatarVersion();

 

-  const { posts, onDelete, onLoad } = props;

+  const { posts, onDelete, onResize } = props;

 

   const [indexShowDeleteButton, setIndexShowDeleteButton] = React.useState<

     number

@@ -84,7 +84,7 @@ const Timeline: React.FC<TimelineProps> = (props) => {
                 }

                 onClick={onItemClick}

                 avatarVersion={av}

-                onLoad={onLoad}

+                onResize={onResize}

               />

             );

           });

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"

                 />

diff --git a/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx b/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx
index cd9393c2..8fc3815b 100644
--- a/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx
+++ b/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx
@@ -68,17 +68,17 @@ export default function TimelinePageTemplateUI<
     }

   }, []);

 

-  const onLoadSubject = React.useMemo(() => new Subject(), []);

-  const triggerLoadEvent = React.useCallback(() => {

-    onLoadSubject.next(null);

-  }, [onLoadSubject]);

+  const resizeSubject = React.useMemo(() => new Subject(), []);

+  const triggerResizeEvent = React.useCallback(() => {

+    resizeSubject.next(null);

+  }, [resizeSubject]);

 

   React.useEffect(() => {

     let jumpToBottom = true;

     const timerTag = window.setTimeout(() => {

       jumpToBottom = false;

     }, 1000);

-    const subscription = onLoadSubject.subscribe(() => {

+    const subscription = resizeSubject.subscribe(() => {

       if (jumpToBottom)

         window.scrollTo(0, document.body.getBoundingClientRect().height);

     });

@@ -86,7 +86,7 @@ export default function TimelinePageTemplateUI<
       clearTimeout(timerTag);

       subscription.unsubscribe();

     };

-  }, [onLoadSubject, timeline, props.posts]);

+  }, [resizeSubject, timeline, props.posts]);

 

   const [cardHeight, setCardHeight] = React.useState<number>(0);

 

@@ -128,7 +128,7 @@ export default function TimelinePageTemplateUI<
             <Timeline

               posts={props.posts}

               onDelete={props.onDelete}

-              onLoad={triggerLoadEvent}

+              onResize={triggerResizeEvent}

             />

           );

           if (props.onPost != null) {