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 "@/assets/pages/article.less";
import { Button } from "@/components/ui/button.tsx"; import { Button } from "@/components/ui/button.tsx";
import router from "@/router.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 { Textarea } from "@/components/ui/textarea.tsx";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
@ -15,37 +15,40 @@ import {
import { useState } from "react"; import { useState } from "react";
import ModelSelector from "@/components/home/ModelSelector.tsx"; import ModelSelector from "@/components/home/ModelSelector.tsx";
import { Toggle } from "@/components/ui/toggle.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 { 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 { getMemory } from "@/utils/memory.ts";
import {Progress} from "@/components/ui/progress.tsx"; import { Progress } from "@/components/ui/progress.tsx";
type ProgressProps = { type ProgressProps = {
current: number; current: number;
total: number; total: number;
} };
function GenerateProgress({ current, total }: ProgressProps) { function GenerateProgress({ current, total }: ProgressProps) {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<div className={`article-progress w-full mb-4`}> <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`}> <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`} /> {current === total ? (
{t('article.generate-success')} <>
</> : <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`} /> <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> </p>
<Progress value={100 * current / total} /> <Progress value={(100 * current) / total} />
</div> </div>
) );
} }
function ArticleContent() { function ArticleContent() {
@ -78,7 +81,10 @@ function ArticleContent() {
connection.send( connection.send(
JSON.stringify({ JSON.stringify({
token: getMemory(tokenField), token: getMemory(tokenField),
web, title, prompt, model, web,
title,
prompt,
model,
}), }),
); );
}; };
@ -109,20 +115,36 @@ function ArticleContent() {
return progress ? ( return progress ? (
<> <>
<GenerateProgress {...state} /> <GenerateProgress {...state} />
{ {hash && (
hash && ( <div className={`flex flex-row items-center mb-6`}>
<div className={`flex flex-row items-center mb-6`}> <Button
<Button variant={`outline`} className={`mt-5 w-full mr-2`} onClick={() => { variant={`outline`}
className={`mt-5 w-full mr-2`}
onClick={() => {
location.href = `${rest_api}/article/download/zip?hash=${hash}`; 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}`; location.href = `${rest_api}/article/download/tar?hash=${hash}`;
}}> {t("article.download-format", { name: "tar" })} </Button> }}
</div> >
) {" "}
} {t("article.download-format", { name: "tar" })}{" "}
<Button variant={`default`} className={`mt-5 w-full mx-auto`} onClick={clear}> </Button>
</div>
)}
<Button
variant={`default`}
className={`mt-5 w-full mx-auto`}
onClick={clear}
>
{t("close")} {t("close")}
</Button> </Button>
</> </>

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

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