From 28871f9fb34b21245999bbdf8ee59d028c423b44 Mon Sep 17 00:00:00 2001
From: solomonng2001 <solomonng2001@gmail.com>
Date: Thu, 14 Nov 2024 09:56:28 +0800
Subject: [PATCH] Add info tool tip to clarify running test cases and
 submitting code

---
 apps/frontend/src/app/collaboration/[id]/page.tsx            | 3 +++
 .../components/question/TestcaseDetail/TestcaseDetail.tsx    | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/app/collaboration/[id]/page.tsx b/apps/frontend/src/app/collaboration/[id]/page.tsx
index 1ed32103aa..1d5cb76987 100644
--- a/apps/frontend/src/app/collaboration/[id]/page.tsx
+++ b/apps/frontend/src/app/collaboration/[id]/page.tsx
@@ -500,6 +500,9 @@ export default function CollaborationPage(props: CollaborationProps) {
                     <div className="spinner-container">
                       {isLoadingSubmission && <Spin tip="Saving code..." />}
                     </div>
+                    <Tooltip title="Submit will run public and hidden test cases before submitting">
+                      <InfoCircleFilled className="submit-code" />
+                    </Tooltip>
                     <Button
                       icon={<SendOutlined />}
                       iconPosition="end"
diff --git a/apps/frontend/src/components/question/TestcaseDetail/TestcaseDetail.tsx b/apps/frontend/src/components/question/TestcaseDetail/TestcaseDetail.tsx
index c4d4e3f05b..a1c78cea2b 100644
--- a/apps/frontend/src/components/question/TestcaseDetail/TestcaseDetail.tsx
+++ b/apps/frontend/src/components/question/TestcaseDetail/TestcaseDetail.tsx
@@ -3,7 +3,7 @@ import {
   InfoCircleFilled,
   PlayCircleOutlined,
 } from "@ant-design/icons";
-import { Button, Input, Spin, Tabs, TabsProps, Typography } from "antd";
+import { Button, Input, Spin, Tabs, TabsProps, Tooltip, Typography } from "antd";
 import "./styles.scss";
 import { isTestResult, Test } from "@/app/services/execute";
 
@@ -100,6 +100,9 @@ export const TestcaseDetail = (props: TestcaseDetailProps) => {
             <div className="spinner-container">
               {props.isLoadingTestCase && <Spin tip="Running test cases..." />}
             </div>
+            <Tooltip title="Run test cases will run public test cases">
+              <InfoCircleFilled className="run-test-cases-info" />
+            </Tooltip>
             <Button
               icon={<PlayCircleOutlined />}
               iconPosition="end"