analy

src/components/analytics/analytics.tsx

@@ -1,43 +1,18 @@
 import "../../styles/styles.css";
 import "./analytics.css";
-import iconButton from "../../styles/iconButton.svg"
 import "../multiplayer/multiplayer.css";
-import { Link } from "react-router-dom";
 import { PieChartComp } from "../piechart/piechart";
 import { Button } from "../buttonDemo/buttonDemo"
+import { Content } from "../content/content";
 
 
 
 
 export const Analytics: React.FC<any> = ({ text }) => {
-    const { cardLarge } = text;
-    const { cardLarge1 } = text;
-    const { cardLarge2 } = text;
-
-    const { cardSmall } = text;
-    const { cardSmall1 } = text;
-    const { cardSmall2 } = text;
-    const { cardSmall3 } = text;
-
-
-
+    const { cardLarge, cardLarge1, cardLarge2, cardSmall, cardSmall1, cardSmall2, cardSmall3  } = text;
     return (
         <div className="analytics__container">
-            <div data-aos-duration="400"
-                data-aos="fade-up"
-                className="main-block__container">
-                <div>
-                    <p className="main-block__title_small">
-                        Graff.estate stream{" "}
-                    </p>
-                    <p className="main-block__title_gardient_small">
-                        {text.mainBlockCaptionColor}
-                    </p>
-                </div>
-                <p className="main-block__caption multiplayer__caption">
-                    {text.mainBlockCaption}
-                </p>
-            </div>
+            <Content text={text}></Content>
             <div data-aos="fade-up" data-aos-delay="100" className="graph__container">
                 <div className="graph__row_1">
                     <div className="graph__row_item">
@@ -177,5 +152,6 @@ export const Analytics: React.FC<any> = ({ text }) => {
                 <Button text={text}></Button>
             </div>
         </div>
+
     )
 }