fix: disable scroll in analysis modals + open lichess in new tab

Author: kevinjosethomas

src/components/Analysis/AnalysisConfigModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { motion } from 'framer-motion'
 
 interface Props {
@@ -16,6 +16,18 @@ export const AnalysisConfigModal: React.FC<Props> = ({
 }) => {
   const [selectedDepth, setSelectedDepth] = useState(initialDepth)
 
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden'
+    } else {
+      document.body.style.overflow = 'unset'
+    }
+
+    return () => {
+      document.body.style.overflow = 'unset'
+    }
+  }, [isOpen])
+
   const depthOptions = [
     {
       value: 12,

src/components/Analysis/AnalysisProgressOverlay.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import { motion } from 'framer-motion'
 import { GameAnalysisProgress } from 'src/hooks/useAnalysisController/useAnalysisController'
 
@@ -16,6 +16,18 @@ export const AnalysisProgressOverlay: React.FC<Props> = ({
       ? Math.round((progress.currentMoveIndex / progress.totalMoves) * 100)
       : 0
 
+  useEffect(() => {
+    if (progress.isAnalyzing) {
+      document.body.style.overflow = 'hidden'
+    } else {
+      document.body.style.overflow = 'unset'
+    }
+
+    return () => {
+      document.body.style.overflow = 'unset'
+    }
+  }, [progress.isAnalyzing])
+
   if (!progress.isAnalyzing) return null
 
   return (

src/pages/profile/[name].tsx

@@ -157,6 +157,7 @@ const Profile: React.FC<Props> = (props: Props) => {
         <div className="flex flex-col">
           <h1 className="text-3xl font-semibold">{props.name}</h1>
           <a
+            target="_blank"
             href={`https://lichess.org/@/${props.name}`}
             className="text-sm text-primary"
           >