From a349f0d9c00d7ab2e55de13cab70e637785a1135 Mon Sep 17 00:00:00 2001
From: jackfiled <xcrenchangjun@outlook.com>
Date: Tue, 30 Apr 2024 09:34:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=89=8D=E7=AB=AF=E7=BC=96=E8=AF=91?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=20(#68)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reviewed-on: https://git.rrricardo.top/PostGuard/Canon/pulls/68
---
 Canon.Server/client-app/src/Interfaces/OutputIntf.ts | 5 -----
 Canon.Server/client-app/src/Pages/HistoryPage.tsx    | 3 +--
 Canon.Server/client-app/src/Pages/Index.tsx          | 2 +-
 Canon.Server/client-app/src/Pages/OutputField.tsx    | 8 ++++++--
 4 files changed, 8 insertions(+), 10 deletions(-)
 delete mode 100644 Canon.Server/client-app/src/Interfaces/OutputIntf.ts

diff --git a/Canon.Server/client-app/src/Interfaces/OutputIntf.ts b/Canon.Server/client-app/src/Interfaces/OutputIntf.ts
deleted file mode 100644
index 393867b..0000000
--- a/Canon.Server/client-app/src/Interfaces/OutputIntf.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import * as openapi from '../openapi';
-
-export interface OutputIntf {
-    data : openapi.components["schemas"]["CompileResponse"]
-}
diff --git a/Canon.Server/client-app/src/Pages/HistoryPage.tsx b/Canon.Server/client-app/src/Pages/HistoryPage.tsx
index 4dcd713..fcf7c15 100644
--- a/Canon.Server/client-app/src/Pages/HistoryPage.tsx
+++ b/Canon.Server/client-app/src/Pages/HistoryPage.tsx
@@ -13,7 +13,6 @@ import {
 import createClient from "openapi-fetch";
 import * as openapi from "../openapi";
 import {useEffect, useState} from "react";
-import {OutputIntf} from "../Interfaces/OutputIntf.ts";
 import {useNavigate} from "react-router-dom";
 import {enqueueSnackbar} from "notistack";
 
@@ -22,7 +21,7 @@ const client = createClient<openapi.paths>();
 
 // @ts-expect-error ...
 export function HistoryPage({state, setState}) {
-    const [data, setData] = useState<OutputIntf[]>([]);
+    const [data, setData] = useState<openapi.components["schemas"]["CompileResponse"][]>([]);
     const [deleteDialog, setDeleteDialog] = useState(false);
     const navigate = useNavigate();
     useEffect(() => {
diff --git a/Canon.Server/client-app/src/Pages/Index.tsx b/Canon.Server/client-app/src/Pages/Index.tsx
index e7bfd52..a01b6e2 100644
--- a/Canon.Server/client-app/src/Pages/Index.tsx
+++ b/Canon.Server/client-app/src/Pages/Index.tsx
@@ -56,7 +56,7 @@ export function Index() {
             }
         }
         getCompileInstance();
-    }, [location.pathname]);
+    }, []);
 
 
     const handleValueChange = (value: string) => {
diff --git a/Canon.Server/client-app/src/Pages/OutputField.tsx b/Canon.Server/client-app/src/Pages/OutputField.tsx
index f1956c9..7651c95 100644
--- a/Canon.Server/client-app/src/Pages/OutputField.tsx
+++ b/Canon.Server/client-app/src/Pages/OutputField.tsx
@@ -2,9 +2,13 @@ import { CSSProperties, useState } from "react";
 import { Box, ToggleButton, ToggleButtonGroup } from "@mui/material";
 import { PhotoProvider, PhotoView } from "react-photo-view";
 import MonacoEditor from "react-monaco-editor";
-import { OutputIntf } from "../Interfaces/OutputIntf";
+import * as openapi from "../openapi";
 
-export function OutputField(props: OutputIntf) {
+interface OutputFieldProps {
+    data : openapi.components["schemas"]["CompileResponse"]
+}
+
+export function OutputField(props: OutputFieldProps) {
     const [state, setState] = useState('tree')
     const { imageAddress, compiledCode, compileInformation } = props.data;