starred/komodo
1
0
Fork 0
mirror of https://github.com/moghtech/komodo.git synced 2026-09-07 08:00:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

update deps and fix react query mutate isLoading -> isPending

Browse Source
This commit is contained in:
mbecker20
2024-01-14 13:36:22 -08:00
parent 9d353806a3
commit 39a0fcb358
6 changed files with 651 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/package.json
+17 -17
View File
@@ -26,31 +26,31 @@
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.0",
"cmdk": "^0.2.0",
"jotai": "^2.4.1",
"lightweight-charts": "^4.0.1",
"lucide-react": "^0.285.0",
"jotai": "^2.6.1",
"lightweight-charts": "^4.1.1",
"lucide-react": "^0.309.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-minimal-pie-chart": "^8.4.0",
"react-router-dom": "^6.15.0",
"react-router-dom": "^6.21.2",
"reconnecting-websocket": "^4.4.0",
"tailwind-merge": "^2.2.0",
"tailwindcss-animate": "^1.0.7"
},
"devDependencies": {
"@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7",
"@typescript-eslint/eslint-plugin": "^6.0.0",
"@typescript-eslint/parser": "^6.0.0",
"@vitejs/plugin-react": "^4.0.3",
"autoprefixer": "^10.4.15",
"eslint": "^8.45.0",
"@types/react": "^18.2.47",
"@types/react-dom": "^18.2.18",
"@typescript-eslint/eslint-plugin": "^6.18.1",
"@typescript-eslint/parser": "^6.18.1",
"@vitejs/plugin-react": "^4.2.1",
"autoprefixer": "^10.4.16",
"eslint": "^8.56.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"postcss": "^8.4.29",
"tailwindcss": "^3.3.3",
"typescript": "^5.0.2",
"vite": "^4.4.5",
"vite-tsconfig-paths": "^4.2.0"
"eslint-plugin-react-refresh": "^0.4.5",
"postcss": "^8.4.33",
"tailwindcss": "^3.4.1",
"typescript": "^5.3.3",
"vite": "^5.0.11",
"vite-tsconfig-paths": "^4.2.3"
}
}
frontend/src/components/permissions.tsx
+7 -7
View File
@@ -34,7 +34,7 @@ const NewPermission = ({ id, type }: ResourceTarget) => {
const [user_id, setUserId] = useState<string>();
const [permission, setPermission] = useState<Types.PermissionLevel>();
const users = useRead("GetUsers", {}).data?.filter((u) => !u.admin);
const { mutate, isLoading } = useWrite("UpdateUserPermissionsOnTarget");
const { mutate, isPending } = useWrite("UpdateUserPermissionsOnTarget");
return (
<Dialog open={open} onOpenChange={set}>
@@ -70,7 +70,7 @@ const NewPermission = ({ id, type }: ResourceTarget) => {
Permissions Level
<Select
value={permission}
onValueChange={(lv) => setPermission(lv as Types.PermissionLevel)}
onValueChange={(lv: any) => setPermission(lv as Types.PermissionLevel)}
>
<SelectTrigger className="w-48">
<SelectValue placeholder="Select Permission Level" />
@@ -94,7 +94,7 @@ const NewPermission = ({ id, type }: ResourceTarget) => {
<DialogFooter className="flex justify-end">
<Button
className="gap-2"
disabled={isLoading}
disabled={isPending}
onClick={() =>
permission &&
user_id &&
@@ -102,7 +102,7 @@ const NewPermission = ({ id, type }: ResourceTarget) => {
}
>
Add Permissions
{isLoading ? (
{isPending ? (
<Loader2 className="w-4 h-4 animate-spin" />
) : (
<PlusCircle className="w-4 h-4" />
@@ -128,7 +128,7 @@ export const ResourcePermissions = ({
const users = useRead("GetUsers", {}).data?.filter((u) => !u.admin);
const { mutate: update, isLoading } = useWrite(
const { mutate: update, isPending } = useWrite(
"UpdateUserPermissionsOnTarget"
);
@@ -154,14 +154,14 @@ export const ResourcePermissions = ({
</CardTitle>
<Select
value={permissions?.[user_id]}
onValueChange={(p) =>
onValueChange={(p: any) =>
update({
permission: p as Types.PermissionLevel,
user_id,
target: { type, id },
})
}
disabled={isLoading}
disabled={isPending}
>
<SelectTrigger className="w-32">
<SelectValue placeholder="Set Permissions" />
frontend/src/components/resources/build/index.tsx
+2 -2
View File
@@ -125,7 +125,7 @@ export const BuildComponents: RequiredResourceComponents = {
},
Actions: ({ id }) => {
const building = useRead("GetBuildActionState", { id }).data?.building;
const { mutate, isLoading } = useExecute("RunBuild");
const { mutate, isPending } = useExecute("RunBuild");
return (
<ConfirmButton
title={building ? "Building" : "Build"}
@@ -137,7 +137,7 @@ export const BuildComponents: RequiredResourceComponents = {
)
}
onClick={() => mutate({ build_id: id })}
disabled={building || isLoading}
disabled={building || isPending}
/>
);
},
frontend/src/components/resources/deployment/actions.tsx
+12 -12
View File
@@ -16,7 +16,7 @@ interface DeploymentId {
}
export const RedeployContainer = ({ id }: DeploymentId) => {
const { mutate, isLoading } = useExecute("Deploy");
const { mutate, isPending } = useExecute("Deploy");
const deployments = useRead("ListDeployments", {}).data;
const deployment = deployments?.find((d) => d.id === id);
const deploying = useRead("GetDeploymentActionState", { id }).data?.deploying;
@@ -27,7 +27,7 @@ export const RedeployContainer = ({ id }: DeploymentId) => {
// intent="success"
icon={<Rocket className="h-4 w-4" />}
onClick={() => mutate({ deployment_id: id })}
disabled={isLoading}
disabled={isPending}
loading={deploying}
/>
);
@@ -35,7 +35,7 @@ export const RedeployContainer = ({ id }: DeploymentId) => {
const StartContainer = ({ id }: DeploymentId) => {
const { data: d } = useRead("GetDeployment", { id });
const { mutate, isLoading } = useExecute("StartContainer");
const { mutate, isPending } = useExecute("StartContainer");
const starting = useRead("GetDeploymentActionState", {
id,
}).data?.starting;
@@ -48,7 +48,7 @@ const StartContainer = ({ id }: DeploymentId) => {
// intent="success"
icon={<Play className="h-4 w-4" />}
onClick={() => mutate({ deployment_id: id })}
disabled={isLoading}
disabled={isPending}
loading={starting}
/>
);
@@ -56,7 +56,7 @@ const StartContainer = ({ id }: DeploymentId) => {
const StopContainer = ({ id }: DeploymentId) => {
const { data: d } = useRead("GetDeployment", { id });
const { mutate, isLoading } = useExecute("StopContainer");
const { mutate, isPending } = useExecute("StopContainer");
const stopping = useRead("GetDeploymentActionState", {
id,
}).data?.stopping;
@@ -69,7 +69,7 @@ const StopContainer = ({ id }: DeploymentId) => {
// intent="warning"
icon={<Pause className="h-4 w-4" />}
onClick={() => mutate({ deployment_id: id })}
disabled={isLoading}
disabled={isPending}
loading={stopping}
/>
);
@@ -89,7 +89,7 @@ export const StartOrStopContainer = ({ id }: DeploymentId) => {
export const RemoveContainer = ({ id }: DeploymentId) => {
const deployment = useRead("GetDeployment", { id }).data;
const { mutate, isLoading } = useExecute("RemoveContainer");
const { mutate, isPending } = useExecute("RemoveContainer");
const deployments = useRead("ListDeployments", {}).data;
const state = deployments?.find((d) => d.id === id)?.info.state;
@@ -108,7 +108,7 @@ export const RemoveContainer = ({ id }: DeploymentId) => {
// intent="warning"
icon={<Trash className="h-4 w-4" />}
onClick={() => mutate({ deployment_id: id })}
disabled={isLoading}
disabled={isPending}
loading={removing}
/>
);
@@ -117,7 +117,7 @@ export const RemoveContainer = ({ id }: DeploymentId) => {
export const DeleteDeployment = ({ id }: { id: string }) => {
const nav = useNavigate();
const { data: d } = useRead("GetDeployment", { id });
const { mutateAsync, isLoading } = useWrite("DeleteDeployment");
const { mutateAsync, isPending } = useWrite("DeleteDeployment");
const deleting = useRead("GetDeploymentActionState", { id }).data?.deleting;
@@ -133,7 +133,7 @@ export const DeleteDeployment = ({ id }: { id: string }) => {
await mutateAsync({ id });
nav("/");
}}
disabled={isLoading}
disabled={isPending}
loading={deleting}
/>
</div>
@@ -144,7 +144,7 @@ export const RenameDeployment = ({ id }: { id: string }) => {
const invalidate = useInvalidate();
const { toast } = useToast();
const { mutate, isLoading } = useWrite("RenameDeployment", {
const { mutate, isPending } = useWrite("RenameDeployment", {
onSuccess: () => {
invalidate(["ListDeployments"]);
toast({ title: "Deployment Renamed" });
@@ -167,7 +167,7 @@ export const RenameDeployment = ({ id }: { id: string }) => {
<ActionButton
title="Rename"
icon={<Pen className="w-4 h-4" />}
disabled={isLoading}
disabled={isPending}
onClick={() => mutate({ id, name })}
/>
</div>
frontend/src/components/resources/procedure/index.tsx
+2 -2
View File
@@ -384,7 +384,7 @@ export const Procedure: RequiredResourceComponents = {
},
Actions: ({ id }) => {
const running = useRead("GetProcedureActionState", { id }).data?.running;
const { mutate, isLoading } = useExecute("RunProcedure");
const { mutate, isPending } = useExecute("RunProcedure");
return (
<ConfirmButton
title={running ? "Building" : "Run"}
@@ -396,7 +396,7 @@ export const Procedure: RequiredResourceComponents = {
)
}
onClick={() => mutate({ procedure_id: id })}
disabled={running || isLoading}
disabled={running || isPending}
/>
);
},
frontend/yarn.lock
+611 -357
View File
File diff suppressed because it is too large Load Diff