github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-04-08 03:00:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
SwiftyOS
2024-09-26 11:57:50 +02:00
parent 034f854c0c
commit 433951a668
3 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
autogpt_platform/frontend/src/components/CustomNode.tsx
View File

@@ -34,7 +34,7 @@ import { FlowContext } from "./Flow";
import { Badge } from "./ui/badge";
import DataTable from "./DataTable";
import { IconCoin } from "./ui/icons";
import * as Separator from '@radix-ui/react-separator';
import * as Separator from "@radix-ui/react-separator";
type ParsedKey = { key: string; index?: number };
@@ -170,7 +170,7 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
<span className="text-m green -mb-1 text-gray-900">
{propSchema.title || beautifyString(propKey)}
</span>
<div key={propKey} onMouseOver={() => { }}>
<div key={propKey} onMouseOver={() => {}}>
{!isConnected && (
<NodeGenericInputField
className="mb-2 mt-1"
@@ -216,7 +216,7 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
const isAdvanced = propSchema.advanced;
return (
(isRequired || isAdvancedOpen || !isAdvanced) && (
<div key={propKey} onMouseOver={() => { }}>
<div key={propKey} onMouseOver={() => {}}>
{propKey !== "value" ? (
<span className="text-m green -mb-1 text-gray-900">
{propSchema.title || beautifyString(propKey)}
@@ -255,7 +255,7 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
const isAdvanced = propSchema.advanced;
return (
(isRequired || isAdvancedOpen || isConnected || !isAdvanced) && (
<div key={propKey} onMouseOver={() => { }}>
<div key={propKey} onMouseOver={() => {}}>
{"credentials_provider" in propSchema ? (
<span className="text-m green -mb-1 text-gray-900">
Credentials
@@ -555,10 +555,10 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
>
{/* Color Stripe */}
<div
className={`z-20 h-20 flex min-w-2 flex-shrink-0 rounded-tl-xl border ${getPrimaryCategoryColor(data.categories)}`}
className={`z-20 flex h-20 min-w-2 flex-shrink-0 rounded-tl-xl border ${getPrimaryCategoryColor(data.categories)}`}
></div>
<div className="flex flex-col w-full">
<div className="flex w-full flex-col">
<div className="flex flex-row items-center justify-between">
<div className="font-roboto p-3 text-lg font-semibold">
{beautifyString(
@@ -567,7 +567,7 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
</div>
<Badge
variant="outline"
className={`mr-5 ${getPrimaryCategoryColor(data.categories)} opacity-50 rounded-xl`}
className={`mr-5 ${getPrimaryCategoryColor(data.categories)} rounded-xl opacity-50`}
>
{data.categories[0].category}
</Badge>
@@ -583,8 +583,6 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
</div>
{/* Body */}
<div className="ml-5">
{/* Input Handles */}
{data.uiType !== BlockUIType.NOTE ? (
<div className="flex items-start justify-between">
@@ -629,19 +627,20 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
{/* Advanced Settings */}
{data.uiType !== BlockUIType.NOTE && hasAdvancedFields && (
<>
<Separator.Root className="w-full h-[2px] bg-gray-200"></Separator.Root>
<div className="mt-2.5 flex items-center justify-between pb-4 ">
<Separator.Root className="h-[2px] w-full bg-gray-200"></Separator.Root>
<div className="mt-2.5 flex items-center justify-between pb-4">
<span className="">Advanced</span>
<Switch onCheckedChange={toggleAdvancedSettings} className="mr-5" />
<Switch
onCheckedChange={toggleAdvancedSettings}
className="mr-5"
/>
</div>
</>
)}
{/* Output Handles */}
{data.uiType !== BlockUIType.NOTE ? (
<>
<Separator.Root className="w-full h-[2px] bg-gray-200"></Separator.Root>
<Separator.Root className="h-[2px] w-full bg-gray-200"></Separator.Root>
<div className="flex items-start justify-end pr-2">
<div className="flex-none">
@@ -651,11 +650,9 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
</div>
</>
) : (
<>
</>
<></>
)}
<InputModalComponent
title={activeKey ? `Enter ${beautifyString(activeKey)}` : undefined}
isOpen={isModalOpen}

6
autogpt_platform/frontend/src/components/NodeHandle.tsx
View File

@@ -32,11 +32,13 @@ const NodeHandle: FC<HandleProps> = ({
const label = (
<div className="flex flex-grow flex-row">
<span className="text-m pr-2 green text-gray-900 flex items-end">
<span className="text-m green flex items-end pr-2 text-gray-900">
{schema.title || beautifyString(keyName)}
{isRequired ? "*" : ""}
</span>
<span className={`${typeClass} flex items-end`}>({typeName[schema.type as keyof typeof typeName] || "any"})</span>
<span className={`${typeClass} flex items-end`}>
({typeName[schema.type as keyof typeof typeName] || "any"})
</span>
</div>
);

4
autogpt_platform/frontend/src/components/node-input-components.tsx
View File

@@ -606,7 +606,7 @@ const NodeStringInput: FC<{
schema?.placeholder || `Enter ${beautifyString(displayName)}`
}
onBlur={(e) => handleInputChange(selfKey, e.target.value)}
className="pr-8 read-only:cursor-pointer read-only:text-gray-500 rounded-xl"
className="rounded-xl pr-8 read-only:cursor-pointer read-only:text-gray-500"
/>
<Button
variant="ghost"
@@ -659,7 +659,7 @@ export const NodeTextBoxInput: FC<{
}
onChange={(e) => handleInputChange(selfKey, e.target.value)}
onBlur={(e) => handleInputChange(selfKey, e.target.value)}
className="h-full w-full resize-none overflow-hidden border-none bg-transparent text-lg text-black outline-none rounded-xl"
className="h-full w-full resize-none overflow-hidden rounded-xl border-none bg-transparent text-lg text-black outline-none"
style={{
fontSize: "min(1em, 16px)",
lineHeight: "1.2",