GithubProxy/coai
1
0
Fork 0
mirror of https://github.com/coaidev/coai.git synced 2025-05-30 10:20:21 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix type check

Browse Source
This commit is contained in:
Zhang Minghan 2023-10-31 17:53:02 +08:00
parent b4ae053c21
commit 1d6bfb67c1
2 changed files with 49 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
app/src/routes/Article.tsx
View File

@ -1,7 +1,7 @@
import "@/assets/pages/article.less";
import { Button } from "@/components/ui/button.tsx";
import router from "@/router.tsx";
import {Check, ChevronLeft, Files, Globe, Loader2} from "lucide-react";
import { Check, ChevronLeft, Files, Globe, Loader2 } from "lucide-react";
import { Textarea } from "@/components/ui/textarea.tsx";
import { useTranslation } from "react-i18next";
import { useDispatch, useSelector } from "react-redux";
@ -15,37 +15,40 @@ import {
import { useState } from "react";
import ModelSelector from "@/components/home/ModelSelector.tsx";
import { Toggle } from "@/components/ui/toggle.tsx";
import {selectModel, selectWeb, setWeb} from "@/store/chat.ts";
import { selectModel, selectWeb, setWeb } from "@/store/chat.ts";
import { Label } from "@/components/ui/label.tsx";
import {rest_api, tokenField, ws_api} from "@/conf.ts";
import { rest_api, tokenField, ws_api } from "@/conf.ts";
import { getMemory } from "@/utils/memory.ts";
import {Progress} from "@/components/ui/progress.tsx";
import { Progress } from "@/components/ui/progress.tsx";
type ProgressProps = {
current: number;
total: number;
}
};
function GenerateProgress({ current, total }: ProgressProps) {
const { t } = useTranslation();
return (
<div className={`article-progress w-full mb-4`}>
<p className={`select-none mt-4 mb-2.5 flex flex-row items-center content-center mx-auto w-max`}>
{
current === total ? <>
<Check className={`h-5 w-5 mr-2 inline-block animate-out`} />
{t('article.generate-success')}
</> :
<p
className={`select-none mt-4 mb-2.5 flex flex-row items-center content-center mx-auto w-max`}
>
{current === total ? (
<>
<Check className={`h-5 w-5 mr-2 inline-block animate-out`} />
{t("article.generate-success")}
</>
) : (
<>
<Loader2 className={`h-5 w-5 mr-2 inline-block animate-spin`} />
{t('article.progress-title', { current, total })}
{t("article.progress-title", { current, total })}
</>
}
)}
</p>
<Progress value={100 * current / total} />
<Progress value={(100 * current) / total} />
</div>
)
);
}
function ArticleContent() {
@ -78,7 +81,10 @@ function ArticleContent() {
connection.send(
JSON.stringify({
token: getMemory(tokenField),
web, title, prompt, model,
web,
title,
prompt,
model,
}),
);
};
@ -109,20 +115,36 @@ function ArticleContent() {
return progress ? (
<>
<GenerateProgress {...state} />
{
hash && (
<div className={`flex flex-row items-center mb-6`}>
<Button variant={`outline`} className={`mt-5 w-full mr-2`} onClick={() => {
{hash && (
<div className={`flex flex-row items-center mb-6`}>
<Button
variant={`outline`}
className={`mt-5 w-full mr-2`}
onClick={() => {
location.href = `${rest_api}/article/download/zip?hash=${hash}`;
}}> {t("article.download-format", { name: "zip" })} </Button>
}}
>
{" "}
{t("article.download-format", { name: "zip" })}{" "}
</Button>
<Button variant={`outline`} className={`mt-5 w-full ml-2`} onClick={() => {
<Button
variant={`outline`}
className={`mt-5 w-full ml-2`}
onClick={() => {
location.href = `${rest_api}/article/download/tar?hash=${hash}`;
}}> {t("article.download-format", { name: "tar" })} </Button>
</div>
)
}
<Button variant={`default`} className={`mt-5 w-full mx-auto`} onClick={clear}>
}}
>
{" "}
{t("article.download-format", { name: "tar" })}{" "}
</Button>
</div>
)}
<Button
variant={`default`}
className={`mt-5 w-full mx-auto`}
onClick={clear}
>
{t("close")}
</Button>
</>

1
app/src/routes/Auth.tsx
View File

@ -1,5 +1,4 @@
import { useToast } from "@/components/ui/use-toast.ts";
import { useLocation } from "react-router-dom";
import { ToastAction } from "@/components/ui/toast.tsx";
import { login, tokenField } from "@/conf.ts";
import { useEffect } from "react";