ComputerSurge/komodo
3
0
Fork 0
forked from github-starred/komodo
Code Pull Requests 1 Actions Packages Releases Activity

cleanup, add keyed fragment

Browse Source
This commit is contained in:
karamvir
2023-08-06 10:48:29 -07:00
parent 2d8f5ef337
commit 0e2ca7c0d9
1 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/config/index.tsx
View File

@@ -2,7 +2,7 @@ import { Switch } from "@ui/switch";
import { Button } from "@ui/button";
import { Card, CardHeader, CardTitle, CardContent } from "@ui/card";
import { Input } from "@ui/input";
import { ReactNode, useState } from "react";
import { Fragment, ReactNode, useState } from "react";
const fmt_field = (s: string) => s.split("_").join(" ");
@@ -55,7 +55,8 @@ export const Configuration = <T extends Partial<Record<keyof T, unknown>>>({
if (typeof field !== "string") return null;
const val = update[field] ?? config[field];
const override = overrides?.[field];
if (!!override) return override(val, set);
if (!!override)
return <Fragment key={field}>{override(val, set)}</Fragment>;
if (typeof val === "string") {
return (
<div
@@ -110,6 +111,7 @@ export const Configuration = <T extends Partial<Record<keyof T, unknown>>>({
}
return (
<Configuration
key={field}
config={config[field] as T}
update={update[field] ?? {}}
loading={loading}
@@ -129,10 +131,7 @@ export const Configuration = <T extends Partial<Record<keyof T, unknown>>>({
key={field}
className="flex justify-between items-center border-b pb-4"
>
<div className="capitalize text-md">
{" "}
{fmt_field(field)}{" "}
</div>
<div className="capitalize text-md">{fmt_field(field)}</div>
<Input
className="max-w-[400px]"
value={val}
@@ -150,10 +149,7 @@ export const Configuration = <T extends Partial<Record<keyof T, unknown>>>({
key={field}
className="flex justify-between items-center border-b pb-4"
>
<div className="capitalize text-md">
{" "}
{fmt_field(field)}{" "}
</div>
<div className="capitalize text-md">{fmt_field(field)}</div>
<Input
className="max-w-[400px]"
type="number"
@@ -180,6 +176,7 @@ export const Configuration = <T extends Partial<Record<keyof T, unknown>>>({
}
return (
<Configuration
key={field}
config={config[field as keyof T] as T}
update={update[field as keyof T] as Partial<T>}
loading={loading}