fix: 前端编译错误 (#68)

Reviewed-on: PostGuard/Canon#68

Canon.Server/client-app/src/Interfaces/OutputIntf.ts

@@ -1,5 +0,0 @@
-import * as openapi from '../openapi';
-
-export interface OutputIntf {
-    data : openapi.components["schemas"]["CompileResponse"]
-}

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(() => {

Canon.Server/client-app/src/Pages/Index.tsx

@@ -56,7 +56,7 @@ export function Index() {
             }
         }
         getCompileInstance();
-    }, [location.pathname]);
+    }, []);
 
 
     const handleValueChange = (value: string) => {

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;