From 8429bd40823bb28b8a3037fb7b29f1992775caf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B8=D1=82=D0=B0=D0=BB=D0=B8=D0=B9=20=D0=9B=D0=B0?=
 =?UTF-8?q?=D0=B2=D1=88=D0=BE=D0=BD=D0=BE=D0=BA?=
 <114582703+valavshonok@users.noreply.github.com>
Date: Mon, 3 Nov 2025 16:08:50 +0300
Subject: [PATCH] copy button

---
 src/assets/icons/missions/copy-icon.svg   |  4 ++
 src/assets/icons/missions/index.ts        |  4 +-
 src/views/mission/statement/Statement.tsx | 54 +++++++++++++++++++++--
 3 files changed, 57 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/icons/missions/copy-icon.svg

diff --git a/src/assets/icons/missions/copy-icon.svg b/src/assets/icons/missions/copy-icon.svg
new file mode 100644
index 0000000..dd2147a
--- /dev/null
+++ b/src/assets/icons/missions/copy-icon.svg
@@ -0,0 +1,4 @@
+<svg width="800" height="800" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M565.632 471.936C565.632 523.683 523.683 565.632 471.936 565.632H237.696C185.949 565.632 144 523.683 144 471.936V237.696C144 185.949 185.949 144 237.696 144H471.936C523.683 144 565.632 185.949 565.632 237.696V471.936Z" stroke="white" stroke-width="48" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M328.064 656H562.304C614.051 656 656 614.048 656 562.304V328.062" stroke="white" stroke-width="48" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/missions/index.ts b/src/assets/icons/missions/index.ts
index 30948a7..62ec89d 100644
--- a/src/assets/icons/missions/index.ts
+++ b/src/assets/icons/missions/index.ts
@@ -1,4 +1,6 @@
 import IconSuccess from "./icon-success.svg"
 import IconError from "./icon-error.svg"
+import CopyIcon from "./copy-icon.svg"
 
-export {IconError, IconSuccess}
\ No newline at end of file
+
+export {IconError, IconSuccess, CopyIcon}
\ No newline at end of file
diff --git a/src/views/mission/statement/Statement.tsx b/src/views/mission/statement/Statement.tsx
index 63449fc..fc2fece 100644
--- a/src/views/mission/statement/Statement.tsx
+++ b/src/views/mission/statement/Statement.tsx
@@ -1,8 +1,54 @@
-import React from "react";
-// import { cn } from "../../../lib/cn";
+import React, { FC } from "react";
+import { cn } from "../../../lib/cn";
 import LaTextContainer from "./LaTextContainer";
+import { CopyIcon } from "../../../assets/icons/missions";
 // import FullLatexRenderer from "./FullLatexRenderer";
 
+
+
+import { useState } from "react";
+
+interface CopyableDivPropd{
+    content: string;
+}
+
+const CopyableDiv: FC<CopyableDivPropd> = ({ content }) => {
+  const [hovered, setHovered] = useState(false);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(content);
+      alert("Скопировано!");
+    } catch (err) {
+      console.error("Ошибка копирования:", err);
+    }
+  };
+
+  return (
+    <div
+      className="relative p-[10px] bg-liquid-lighter rounded-[10px] whitespace-pre-line"
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+    >
+      {content}
+
+      
+        <img
+          src={CopyIcon}
+          alt="copy"
+          className={cn("absolute top-2 right-2 w-6 h-6 cursor-pointer opacity-0 transition-all duration-300 hover:h-7 hover:w-7 hover:top-[6px] hover:right-[6px]",
+            hovered && " opacity-100"
+          )}
+          onClick={handleCopy}
+        />
+      
+    </div>
+  );
+}
+
+
+
+
 export interface StatementData {
     id?: number;
     name?: string;
@@ -75,9 +121,9 @@ const Statement: React.FC<StatementData> = ({
                 {sampleTests.map((v, i) =>
                     <div key={i} className="flex flex-col gap-[10px]">
                         <div className="text-[14px] font-bold">Входные данные</div>
-                        <div className="p-[10px] bg-liquid-lighter rounded-[10px] whitespace-pre-line">{v.input}</div>
+                        <CopyableDiv content={v.input}/>
                         <div className="text-[14px] font-bold">Выходные данные</div>
-                        <div className="p-[10px] bg-liquid-lighter rounded-[10px] whitespace-pre-line">{v.output}</div>
+                        <CopyableDiv content={v.output}/>
                     </div>
                 )}
             </div>