From 541a0425970c66a730ecf6e12b4169fc2e01f8c5 Mon Sep 17 00:00:00 2001
From: andreidekterev <andrey.dekterev@insports.tv>
Date: Thu, 22 Jun 2023 22:27:10 +0700
Subject: [PATCH] Revert "feat(#680): add embed component"

This reverts commit 443d768dc113c9d3d4392bf355c97b4c1c2d113a.
---
 .../components/EmbeddedComponent.tsx          | 38 -------------------
 src/pages/StatsView/components/StatsTable.tsx |  4 +-
 src/pages/StatsView/helpers/getStatsItem.tsx  |  2 +-
 src/pages/StatsView/helpers/getStatsLexic.tsx |  4 +-
 src/pages/StatsView/hooks.tsx                 | 14 +++----
 src/pages/StatsView/index.tsx                 | 15 ++------
 src/pages/StatsView/styled.tsx                | 10 ++---
 7 files changed, 21 insertions(+), 66 deletions(-)
 delete mode 100644 src/pages/StatsView/components/EmbeddedComponent.tsx

diff --git a/src/pages/StatsView/components/EmbeddedComponent.tsx b/src/pages/StatsView/components/EmbeddedComponent.tsx
deleted file mode 100644
index 90f4e7bc..00000000
--- a/src/pages/StatsView/components/EmbeddedComponent.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import styled from 'styled-components/macro'
-
-import { ButtonSolid, Input } from 'features/Common'
-
-const EmbedContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 100%;
-`
-
-const EmbedInput = styled(Input)`
-  margin: 0;
-  max-width: 400px;
-`
-
-type EmbedProps = {
-  url: string,
-}
-
-export const EmbeddedComponent = ({ url }:EmbedProps) => {
-  const iframeString = `<iframe src=${url}" width="300px" border="0" class="insports-embed" allowFullScreen srcdoc=${document.querySelector('#statsview')} />`
-
-  const handleCopy = async (src: string) => {
-    await navigator.clipboard.writeText(src)
-  }
-
-  return (
-    <EmbedContainer>
-      <EmbedInput
-        disabled={!!true}
-        label='Embed Code'
-        defaultValue={iframeString}
-      />
-      <ButtonSolid onClick={() => handleCopy(iframeString)}>Copy code</ButtonSolid>
-    </EmbedContainer>
-  )
-}
diff --git a/src/pages/StatsView/components/StatsTable.tsx b/src/pages/StatsView/components/StatsTable.tsx
index 894c2f15..2fb33c21 100644
--- a/src/pages/StatsView/components/StatsTable.tsx
+++ b/src/pages/StatsView/components/StatsTable.tsx
@@ -1,6 +1,6 @@
 import map from 'lodash/map'
 
-import type { MatchInfo, Param } from 'requests'
+import { MatchInfo, Param } from 'requests'
 
 import {
   CellContainer,
@@ -14,7 +14,7 @@ import {
 } from 'features/MatchSidePlaylists/components/TeamsStatsTable/styled'
 import { Cell } from 'features/MatchSidePlaylists/components/TeamsStatsTable/Cell'
 
-import type { TeamsStats } from 'features/MatchPage/store/hooks/useTeamsStats'
+import { TeamsStats } from 'features/MatchPage/store/hooks/useTeamsStats'
 
 import { getStatItemById } from '../helpers'
 
diff --git a/src/pages/StatsView/helpers/getStatsItem.tsx b/src/pages/StatsView/helpers/getStatsItem.tsx
index 733af1ce..f03e283b 100644
--- a/src/pages/StatsView/helpers/getStatsItem.tsx
+++ b/src/pages/StatsView/helpers/getStatsItem.tsx
@@ -1,4 +1,4 @@
-import type { TeamStatItem } from 'requests'
+import { TeamStatItem } from 'requests'
 import { StatsLexicType } from './getStatsLexic'
 
 type StatsItemType = StatsLexicType & {
diff --git a/src/pages/StatsView/helpers/getStatsLexic.tsx b/src/pages/StatsView/helpers/getStatsLexic.tsx
index 2c703acf..d2f96e46 100644
--- a/src/pages/StatsView/helpers/getStatsLexic.tsx
+++ b/src/pages/StatsView/helpers/getStatsLexic.tsx
@@ -1,6 +1,6 @@
 import reduce from 'lodash/reduce'
-import type { MatchInfo, TeamStatItem } from 'requests'
-import type { TeamsStats } from 'features/MatchPage/store/hooks/useTeamsStats'
+import { MatchInfo, TeamStatItem } from 'requests'
+import { TeamsStats } from 'features/MatchPage/store/hooks/useTeamsStats'
 
 export type StatsLexicType = {
   matchProfile: MatchInfo,
diff --git a/src/pages/StatsView/hooks.tsx b/src/pages/StatsView/hooks.tsx
index c1495c75..75b387d3 100644
--- a/src/pages/StatsView/hooks.tsx
+++ b/src/pages/StatsView/hooks.tsx
@@ -4,13 +4,15 @@ import {
   useState,
 } from 'react'
 
-import { getMatchInfo, getTeamsStats } from 'requests'
-
-import type { MatchInfo } from 'requests'
+import {
+  getMatchInfo,
+  getTeamsStats,
+  MatchInfo,
+} from 'requests'
 
 import { useInterval, usePageParams } from 'hooks'
 
-import type { TeamsStats } from 'features/MatchPage/store/hooks/useTeamsStats'
+import { TeamsStats } from 'features/MatchPage/store/hooks/useTeamsStats'
 import { useLexicsConfig } from 'features/LexicsStore'
 
 import { getStatsLexics } from 'pages/StatsView/helpers'
@@ -20,7 +22,6 @@ const INTERVAL_FETCH_STATS = 30 * 1000
 export const useStatsView = () => {
   const [matchProfile, setMatchProfile] = useState<MatchInfo>(null)
   const [stats, setStats] = useState<TeamsStats>({})
-
   const {
     profileId,
     sportName,
@@ -54,14 +55,13 @@ export const useStatsView = () => {
   const { start, stop } = useInterval({
     callback: fetchStats,
     intervalDuration: INTERVAL_FETCH_STATS,
-    startImmediate: false,
+    startImmediate: true,
   })
 
   useEffect(() => {
     if (!sportName || !profileId) return undefined
 
     start()
-    fetchStats()
     fetchMatchInfo()
 
     return () => stop()
diff --git a/src/pages/StatsView/index.tsx b/src/pages/StatsView/index.tsx
index d9584ff9..e9a6c8dc 100644
--- a/src/pages/StatsView/index.tsx
+++ b/src/pages/StatsView/index.tsx
@@ -3,20 +3,16 @@ import { T9n } from 'features/T9n'
 
 import { useStatsView } from './hooks'
 import { StatsTable } from './components/StatsTable'
-import {
-  Powered,
-  Container,
-  Header,
-} from './styled'
+import { Powered, Container } from './styled'
 
 const StatsView = () => {
   const { matchProfile, teamsStats } = useStatsView()
 
   return (
-    <Container id='statsview'>
-      <Header>
+    <Container>
+      <header className='header__logo'>
         <Logo />
-      </Header>
+      </header>
       <main>
         {matchProfile?.team1 && matchProfile?.team2 && (
           <StatsTable
@@ -32,9 +28,6 @@ const StatsView = () => {
           </Powered>
         </a>
       </footer>
-      {/* пока закомментил, потому что он будет вставляться вместе со страницей
-      <EmbeddedComponent url={window.location.href} /> */}
-
     </Container>
   )
 }
diff --git a/src/pages/StatsView/styled.tsx b/src/pages/StatsView/styled.tsx
index e574e4c2..b3d2eef9 100644
--- a/src/pages/StatsView/styled.tsx
+++ b/src/pages/StatsView/styled.tsx
@@ -17,9 +17,9 @@ export const Container = styled.div`
   flex-direction: column;
   gap: 15px;
   padding: 25px 5px 15px 5px;
-`
-
-export const Header = styled.header`
-  display: flex;
-  justify-content: center;
+  
+  .header__logo{
+    display: flex;
+    justify-content: center;
+  }
 `