Merge pull request #581 from xyfer17/feature/auto-scroll-logs

feat: add auto scroll effect in logs

Author: VipinDevelops

web-server/src/content/Service/SystemLogs.tsx

@@ -17,12 +17,12 @@ export const SystemLogs = ({ serviceName }: { serviceName: ServiceNames }) => {
 
   useEffect(() => {
     if (containerRef.current) {
-      containerRef.current.scrollTop = containerRef.current.scrollHeight;
+      containerRef.current.scrollIntoView({ behavior: 'smooth' });
     }
   }, [logs]);
 
   return (
-    <FlexBox ref={containerRef} col>
+    <FlexBox col>
       {loading ? (
         <FlexBox alignCenter gap2>
           <CircularProgress size="20px" />
@@ -41,6 +41,7 @@ export const SystemLogs = ({ serviceName }: { serviceName: ServiceNames }) => {
           </Line>
         ))
       )}
+      <FlexBox ref={containerRef} />
     </FlexBox>
   );
 };