GithubProxy/coai
1
0
Fork 0
mirror of https://github.com/coaidev/coai.git synced 2025-06-07 22:30:17 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

update quota menu item

Browse Source
This commit is contained in:
Zhang Minghan 2023-09-07 23:23:08 +08:00
parent 0d53961c18
commit c18533b015
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/App.tsx
View File

@ -5,7 +5,7 @@ import { Button } from "./components/ui/button.tsx";
import router from "./router.ts"; import router from "./router.ts";
import I18nProvider from "./components/I18nProvider.tsx"; import I18nProvider from "./components/I18nProvider.tsx";
import ProjectLink from "./components/ProjectLink.tsx"; import ProjectLink from "./components/ProjectLink.tsx";
import { Menu } from "lucide-react"; import {Cloud, Menu} from "lucide-react";
import { Provider, useDispatch, useSelector } from "react-redux"; import { Provider, useDispatch, useSelector } from "react-redux";
import { toggleMenu } from "./store/menu.ts"; import { toggleMenu } from "./store/menu.ts";
import store from "./store/index.ts"; import store from "./store/index.ts";
@ -28,7 +28,7 @@ import { Toaster } from "./components/ui/toaster.tsx";
import {login, tokenField} from "./conf.ts"; import {login, tokenField} from "./conf.ts";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import Quota from "./routes/Quota.tsx"; import Quota from "./routes/Quota.tsx";
import { openDialog as openQuotaDialog } from "./store/quota.ts"; import {openDialog as openQuotaDialog, quotaSelector} from "./store/quota.ts";
import { openDialog as openPackageDialog } from "./store/package.ts"; import { openDialog as openPackageDialog } from "./store/package.ts";
import Package from "./routes/Package.tsx"; import Package from "./routes/Package.tsx";
@ -36,6 +36,7 @@ function Settings() {
const { t } = useTranslation(); const { t } = useTranslation();
const dispatch = useDispatch(); const dispatch = useDispatch();
const username = useSelector(selectUsername); const username = useSelector(selectUsername);
const quota = useSelector(quotaSelector);
return ( return (
<div className={`avatar`}> <div className={`avatar`}>
@ -50,6 +51,10 @@ function Settings() {
{username} {username}
</DropdownMenuLabel> </DropdownMenuLabel>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
<DropdownMenuItem onClick={() => dispatch(openQuotaDialog())}>
<Cloud className={`h-4 w-4 mr-1`} />
{ quota }
</DropdownMenuItem>
<DropdownMenuItem onClick={() => dispatch(openQuotaDialog())}>{t("quota")}</DropdownMenuItem> <DropdownMenuItem onClick={() => dispatch(openQuotaDialog())}>{t("quota")}</DropdownMenuItem>
<DropdownMenuItem onClick={() => dispatch(openPackageDialog())}>{t("pkg.title")}</DropdownMenuItem> <DropdownMenuItem onClick={() => dispatch(openPackageDialog())}>{t("pkg.title")}</DropdownMenuItem>
<DropdownMenuSeparator /> <DropdownMenuSeparator />