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

refactor(block-menu): remove React.FC type annotation from block menu components for consistency

Browse Source
This commit is contained in:
Abhimanyu Yadav
2025-06-17 21:54:45 +05:30
parent b2ab2602fe
commit 9206d24017
15 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
autogpt_platform/frontend/src/components/builder/block-menu/BlockMenuContent.tsx
View File

@@ -6,7 +6,7 @@ import { BlockMenuDefault } from "./default/BlockMenuDefault";
import { Separator } from "@/components/ui/separator";
import { useBlockMenuContext } from "./block-menu-provider";
export const BlockMenuContent: React.FC = () => {
export const BlockMenuContent = () => {
const { searchQuery } = useBlockMenuContext();
return (
<div className="flex h-full w-full flex-col">

2
autogpt_platform/frontend/src/components/builder/block-menu/default/ActionBlocksContent.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { PaginatedBlocksContent } from "./PaginatedBlocksContent";
export const ActionBlocksContent: React.FC = () => {
export const ActionBlocksContent = () => {
return <PaginatedBlocksContent blockRequest={{ type: "action" }} />;
};

2
autogpt_platform/frontend/src/components/builder/block-menu/default/AllBlocksContent.tsx
View File

@@ -9,7 +9,7 @@ import { useBlockMenuContext } from "../block-menu-provider";
import { ErrorState } from "../ErrorState";
import { beautifyString } from "@/lib/utils";
export const AllBlocksContent: React.FC = () => {
export const AllBlocksContent = () => {
const { addNode } = useBlockMenuContext();
const [categories, setCategories] = useState<BlockCategoryResponse[]>([]);
const [loading, setLoading] = useState(true);

2
autogpt_platform/frontend/src/components/builder/block-menu/default/BlockMenuDefault.tsx
View File

@@ -3,7 +3,7 @@ import { BlockMenuSidebar } from "./BlockMenuSidebar";
import { Separator } from "@/components/ui/separator";
import { BlockMenuDefaultContent } from "./BlockMenuDefaultContent";
export const BlockMenuDefault: React.FC = () => {
export const BlockMenuDefault = () => {
return (
<div className="flex flex-1 overflow-y-auto">
<BlockMenuSidebar />

2
autogpt_platform/frontend/src/components/builder/block-menu/default/BlockMenuDefaultContent.tsx
View File

@@ -21,7 +21,7 @@ export interface BlockListType {
description: string;
}
export const BlockMenuDefaultContent: React.FC = ({}) => {
export const BlockMenuDefaultContent = () => {
const { defaultState } = useBlockMenuContext();
return (

2
autogpt_platform/frontend/src/components/builder/block-menu/default/BlockMenuSidebar.tsx
View File

@@ -4,7 +4,7 @@ import { DefaultStateType, useBlockMenuContext } from "../block-menu-provider";
import { useBackendAPI } from "@/lib/autogpt-server-api/context";
import { CountResponse } from "@/lib/autogpt-server-api";
export const BlockMenuSidebar: React.FC = ({}) => {
export const BlockMenuSidebar = () => {
const { defaultState, setDefaultState, setIntegration } =
useBlockMenuContext();
const [blockCounts, setBlockCounts] = useState<CountResponse | undefined>(

2
autogpt_platform/frontend/src/components/builder/block-menu/default/InputBlocksContent.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { PaginatedBlocksContent } from "./PaginatedBlocksContent";
export const InputBlocksContent: React.FC = () => {
export const InputBlocksContent = () => {
return <PaginatedBlocksContent blockRequest={{ type: "input" }} />;
};

2
autogpt_platform/frontend/src/components/builder/block-menu/default/IntegrationBlocks.tsx
View File

@@ -7,7 +7,7 @@ import { Block } from "@/lib/autogpt-server-api";
import { ErrorState } from "../ErrorState";
import { Skeleton } from "@/components/ui/skeleton";
export const IntegrationBlocks: React.FC = ({}) => {
export const IntegrationBlocks = () => {
const { integration, setIntegration, addNode } = useBlockMenuContext();
const [blocks, setBlocks] = useState<Block[]>([]);
const [loading, setLoading] = useState(true);

4
autogpt_platform/frontend/src/components/builder/block-menu/default/IntegrationsContent.tsx
View File

@@ -3,7 +3,7 @@ import { PaginatedIntegrationList } from "./PaginatedIntegrationList";
import { IntegrationBlocks } from "./IntegrationBlocks";
import { useBlockMenuContext } from "../block-menu-provider";
export const IntegrationsContent: React.FC = () => {
export const IntegrationsContent = () => {
const { integration } = useBlockMenuContext();
if (!integration) {
@@ -11,7 +11,7 @@ export const IntegrationsContent: React.FC = () => {
}
return (
<div className="scrollbar-thumb-rounded h-full overflow-y-auto pt-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200">
<div className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full overflow-y-auto pt-4 transition-all duration-200">
<div className="w-full px-4 pb-4">
<IntegrationBlocks />
</div>

6
autogpt_platform/frontend/src/components/builder/block-menu/default/MarketplaceAgentsContent.tsx
View File

@@ -4,7 +4,7 @@ import { usePagination } from "@/hooks/usePagination";
import { ErrorState } from "../ErrorState";
import { useBlockMenuContext } from "../block-menu-provider";
export const MarketplaceAgentsContent: React.FC = () => {
export const MarketplaceAgentsContent = () => {
const {
data: agents,
loading,
@@ -23,7 +23,7 @@ export const MarketplaceAgentsContent: React.FC = () => {
return (
<div
ref={scrollRef}
className="scrollbar-thumb-rounded h-full overflow-y-auto pt-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200"
className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full overflow-y-auto pt-4 transition-all duration-200"
>
<div className="w-full space-y-3 px-4 pb-4">
{Array.from({ length: 5 }).map((_, index) => (
@@ -49,7 +49,7 @@ export const MarketplaceAgentsContent: React.FC = () => {
return (
<div
ref={scrollRef}
className="scrollbar-thumb-rounded h-full overflow-y-auto pt-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200"
className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full overflow-y-auto pt-4 transition-all duration-200"
>
<div className="w-full space-y-3 px-4 pb-4">
{agents.map((agent) => (

6
autogpt_platform/frontend/src/components/builder/block-menu/default/MyAgentsContent.tsx
View File

@@ -5,7 +5,7 @@ import { ErrorState } from "../ErrorState";
import { useBlockMenuContext } from "../block-menu-provider";
import { convertLibraryAgentIntoBlock } from "@/lib/utils";
export const MyAgentsContent: React.FC = () => {
export const MyAgentsContent = () => {
const {
data: agents,
loading,
@@ -24,7 +24,7 @@ export const MyAgentsContent: React.FC = () => {
return (
<div
ref={scrollRef}
className="scrollbar-thumb-rounded h-full overflow-y-auto pt-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200"
className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full overflow-y-auto pt-4 transition-all duration-200"
>
<div className="w-full space-y-3 px-4 pb-4">
{Array.from({ length: 5 }).map((_, index) => (
@@ -50,7 +50,7 @@ export const MyAgentsContent: React.FC = () => {
return (
<div
ref={scrollRef}
className="scrollbar-thumb-rounded h-full overflow-y-auto pt-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200"
className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full overflow-y-auto pt-4 transition-all duration-200"
>
<div className="w-full space-y-3 px-4 pb-4">
{agents.map((agent) => (

2
autogpt_platform/frontend/src/components/builder/block-menu/default/OutputBlocksContent.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { PaginatedBlocksContent } from "./PaginatedBlocksContent";
export const OutputBlocksContent: React.FC = () => {
export const OutputBlocksContent = () => {
return <PaginatedBlocksContent blockRequest={{ type: "output" }} />;
};

6
autogpt_platform/frontend/src/components/builder/block-menu/default/PaginatedIntegrationList.tsx
View File

@@ -4,7 +4,7 @@ import { useBlockMenuContext } from "../block-menu-provider";
import { usePagination } from "@/hooks/usePagination";
import { ErrorState } from "../ErrorState";
export const PaginatedIntegrationList: React.FC = () => {
export const PaginatedIntegrationList = () => {
const { setIntegration } = useBlockMenuContext();
const {
data: providers,
@@ -23,7 +23,7 @@ export const PaginatedIntegrationList: React.FC = () => {
return (
<div
ref={scrollRef}
className="scrollbar-thumb-rounded h-full overflow-y-auto pt-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200"
className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full overflow-y-auto pt-4 transition-all duration-200"
>
<div className="w-full space-y-3 px-4 pb-4">
{Array.from({ length: 6 }).map((_, integrationIndex) => (
@@ -49,7 +49,7 @@ export const PaginatedIntegrationList: React.FC = () => {
return (
<div
ref={scrollRef}
className="scrollbar-thumb-rounded h-full overflow-y-auto pt-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200"
className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full overflow-y-auto pt-4 transition-all duration-200"
>
<div className="w-full px-4 pb-4">
<div className="space-y-3">

2
autogpt_platform/frontend/src/components/builder/block-menu/default/SuggestionContent.tsx
View File

@@ -9,7 +9,7 @@ import {
import { useBackendAPI } from "@/lib/autogpt-server-api/context";
import { ErrorState } from "../ErrorState";
export const SuggestionContent: React.FC = () => {
export const SuggestionContent = () => {
const { setIntegration, setDefaultState, addNode } = useBlockMenuContext();
const [suggestionsData, setSuggestionsData] =

4
autogpt_platform/frontend/src/components/builder/block-menu/search-and-filter/BlockMenuSearch.tsx
View File

@@ -4,7 +4,7 @@ import { SearchList } from "./SearchList";
import { useBlockMenuContext } from "../block-menu-provider";
import { useBackendAPI } from "@/lib/autogpt-server-api/context";
export const BlockMenuSearch: React.FC = ({}) => {
export const BlockMenuSearch = () => {
const {
searchData,
searchQuery,
@@ -126,7 +126,7 @@ export const BlockMenuSearch: React.FC = ({}) => {
return (
<div
ref={scrollRef}
className="scrollbar-thumb-rounded h-full space-y-4 overflow-y-auto py-4 transition-all duration-200 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200"
className="scrollbar-thumb-rounded scrollbar-thin scrollbar-track-transparent scrollbar-thumb-transparent hover:scrollbar-thumb-zinc-200 h-full space-y-4 overflow-y-auto py-4 transition-all duration-200"
>
{searchData.length !== 0 && <FiltersList />}
<SearchList