post-guard/Canon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 前端界面优化 (#48)

Browse Source 
Co-authored-by: jackfiled <xcrenchangjun@outlook.com>
Reviewed-on: PostGuard/Canon#48
Co-authored-by: Ichirinko <1621543655@qq.com>
Co-committed-by: Ichirinko <1621543655@qq.com>
This commit is contained in:
Ichirinko
2024-04-21 16:30:44 +08:00
committed by jackfiled
parent 3f5cfb13a6
commit a95987b3ce
14 changed files with 114 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Canon.Server/client-app/src/Pages/Index.tsx
View File

@@ -4,6 +4,7 @@ import {CSSProperties, useState} from "react";
import {OutputField} from "./OutputField.tsx";
import createClient from "openapi-fetch";
import * as openapi from '../openapi';
import {enqueueSnackbar} from "notistack";
const client = createClient<openapi.paths>();
@@ -23,6 +24,7 @@ export function Index() {
id: "",
imageAddress: "pic/uncompiled.png"
});
//const {enqueueSnackbar} = useSnackbar();
const handleValueChange = (value: string) => {
setInputValue(value);
};
@@ -43,6 +45,10 @@ export function Index() {
id: data.id,
imageAddress: data.imageAddress
})
enqueueSnackbar("编译成功", {variant: "success", anchorOrigin: {vertical: 'top', horizontal: 'right'}});
} else {
// error
enqueueSnackbar("编译失败", {variant: "error", anchorOrigin: {vertical: 'top', horizontal: 'right'}});
}
}
@@ -72,12 +78,12 @@ export function Index() {
<div className={"content"}
style={contentClassCss}>
<Grid container spacing={2} style = {{width: "100%",height: "100%"}}>
<Grid item xs={12} sm={6} style = {{width: "100%",height: "100%"}}>
<Grid container spacing={2} style={{width: "100%", height: "100%"}}>
<Grid item xs={12} sm={6} style={{width: "100%", height: "100%"}}>
<InputField onValueChange={handleValueChange}>
</InputField>
</Grid>
<Grid item xs={12} sm={6} style = {{width: "100%",height: "100%"}}>
<Grid item xs={12} sm={6} style={{width: "100%", height: "100%"}}>
<OutputField imgPath={outputValue.imageAddress}>
</OutputField>
</Grid>