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

fix lint

Browse Source
This commit is contained in:
mbecker20
2024-06-02 00:44:47 -07:00
parent 92ac003910
commit 2441bc8cbf
1 changed files with 65 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/resources/procedure/config2.tsx
+65 -60
View File
@@ -1,12 +1,5 @@
import { ConfigItem } from "@components/config/util";
import { Section } from "@components/layouts";
import { useRead, useWrite } from "@lib/hooks";
import { useRead } from "@lib/hooks";
import { Types } from "@monitor/client";
import { Card, CardHeader } from "@ui/card";
import { Input } from "@ui/input";
import { useState } from "react";
import { CopyGithubWebhook } from "../common";
import { Switch } from "@radix-ui/react-switch";
export const ProcedureConfig = ({ id }: { id: string }) => {
const procedure = useRead("GetProcedure", { procedure: id }).data;
@@ -19,58 +12,70 @@ const ProcedureConfigInner = ({
}: {
procedure: Types.Procedure;
}) => {
const [branch, setBranch] = useState("main");
const [config, setConfig] = useState<Partial<Types.ProcedureConfig>>({});
const perms = useRead("GetPermissionLevel", {
target: { type: "Procedure", id: procedure._id?.$oid! },
}).data;
const global_disabled =
useRead("GetCoreInfo", {}).data?.ui_write_disabled ?? false;
const { mutateAsync } = useWrite("UpdateProcedure");
const stages = config.stages || procedure.config.stages || [];
// const [branch, setBranch] = useState("main");
// const [config, setConfig] = useState<Partial<Types.ProcedureConfig>>({});
// const perms = useRead("GetPermissionLevel", {
// target: { type: "Procedure", id: procedure._id?.$oid! },
// }).data;
// const global_disabled =
// useRead("GetCoreInfo", {}).data?.ui_write_disabled ?? false;
// const { mutateAsync } = useWrite("UpdateProcedure");
// const stages = config.stages || procedure.config.stages || [];
const disabled = global_disabled || perms !== Types.PermissionLevel.Write;
// const disabled = global_disabled || perms !== Types.PermissionLevel.Write;
return <>{procedure.name}</>
return (
<>
<Section>
<Card>
<CardHeader className="p-4">
<ConfigItem label="Github Webhook" className="items-start">
<div className="flex flex-col gap-4">
<div className="flex items-center gap-4">
<div className="flex items-center gap-2">
<div className="text-nowrap text-muted-foreground">
Listen on branch:
</div>
<Input
placeholder="Branch"
value={branch}
onChange={(e) => setBranch(e.target.value)}
className="w-[200px]"
/>
</div>
<CopyGithubWebhook
path={`/procedure/${procedure._id?.$oid!}/${branch}`}
/>
</div>
<div className="flex items-center justify-end gap-4 w-full">
<div className="text-muted-foreground">Enabled:</div>
<Switch
checked={
config.webhook_enabled ?? procedure.config.webhook_enabled
}
onCheckedChange={(webhook_enabled) =>
setConfig({ ...config, webhook_enabled })
}
disabled={disabled}
/>
</div>
</div>
</ConfigItem>
</CardHeader>
</Card>
</Section>
</>
);
// return (
// <>
// <ConfigLayout
// disabled={disabled}
// config={config}
// onConfirm={async () => {
// await mutateAsync({ id: procedure._id!.$oid, config });
// setConfig({});
// }}
// onReset={() => setConfig({})}
// >
// <div></div>
// </ConfigLayout>
// <Section>
// <Card>
// <CardHeader className="p-4">
// <ConfigItem label="Github Webhook" className="items-start">
// <div className="flex flex-col gap-4">
// <div className="flex items-center gap-4">
// <div className="flex items-center gap-2">
// <div className="text-nowrap text-muted-foreground">
// Listen on branch:
// </div>
// <Input
// placeholder="Branch"
// value={branch}
// onChange={(e) => setBranch(e.target.value)}
// className="w-[200px]"
// />
// </div>
// <CopyGithubWebhook
// path={`/procedure/${procedure._id?.$oid!}/${branch}`}
// />
// </div>
// <div className="flex items-center justify-end gap-4 w-full">
// <div className="text-muted-foreground">Enabled:</div>
// <Switch
// checked={
// config.webhook_enabled ?? procedure.config.webhook_enabled
// }
// onCheckedChange={(webhook_enabled) =>
// setConfig({ ...config, webhook_enabled })
// }
// disabled={disabled}
// />
// </div>
// </div>
// </ConfigItem>
// </CardHeader>
// </Card>
// </Section>
// </>
// );
};