awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-07 21:27:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

misc: added loader

Browse Source
This commit is contained in:
Sheen Capadngan
2024-06-14 01:14:26 +08:00
parent 44956c6a37
commit 46b48cea63
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/admin/DashboardPage/RateLimitPanel.tsx
+5 -3
View File
@@ -3,7 +3,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod"; import { z } from "zod";
import { createNotification } from "@app/components/notifications"; import { createNotification } from "@app/components/notifications";
import { Button, FormControl, Input } from "@app/components/v2"; import { Button, ContentLoader, FormControl, Input } from "@app/components/v2";
import { useGetRateLimit, useUpdateRateLimit } from "@app/hooks/api"; import { useGetRateLimit, useUpdateRateLimit } from "@app/hooks/api";
const formSchema = z.object({ const formSchema = z.object({
@@ -20,7 +20,7 @@ const formSchema = z.object({
type TRateLimitForm = z.infer<typeof formSchema>; type TRateLimitForm = z.infer<typeof formSchema>;
export const RateLimitPanel = () => { export const RateLimitPanel = () => {
const { data: rateLimit } = useGetRateLimit(); const { data: rateLimit, isLoading } = useGetRateLimit();
const { mutateAsync: updateRateLimit } = useUpdateRateLimit(); const { mutateAsync: updateRateLimit } = useUpdateRateLimit();
const { const {
@@ -78,7 +78,9 @@ export const RateLimitPanel = () => {
} }
}; };
return ( return isLoading ? (
<ContentLoader />
) : (
<form <form
className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4" className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
onSubmit={handleSubmit(onRateLimitFormSubmit)} onSubmit={handleSubmit(onRateLimitFormSubmit)}