marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-19 14:09:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use of ToolContent.tsx

Browse Source
This commit is contained in:
Ibrahima G. Coulibaly
2025-03-05 22:05:10 +00:00
parent 6c326357d7
commit 6278ddf8f9
5 changed files with 95 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/ToolContent.tsx
View File

@@ -10,7 +10,7 @@ import ToolExamples, {
} from '@components/examples/ToolExamples';
import { ToolComponentProps } from '@tools/defineTool';
interface ToolContentPropsBase<T> extends ToolComponentProps {
interface ToolContentPropsBase<T, I> extends ToolComponentProps {
// Input/Output components
inputComponent: ReactNode;
resultComponent: ReactNode;
@@ -20,7 +20,7 @@ interface ToolContentPropsBase<T> extends ToolComponentProps {
getGroups: GetGroupsType<T>;
// Computation function
compute: (optionsValues: T, input: any) => void;
compute: (optionsValues: T, input: I) => void;
// Tool info (optional)
toolInfo?: {
@@ -29,27 +29,29 @@ interface ToolContentPropsBase<T> extends ToolComponentProps {
};
// Input value to pass to the compute function
input: any;
input: I;
// Validation schema (optional)
validationSchema?: any;
}
interface ToolContentPropsWithExamples<T> extends ToolContentPropsBase<T> {
interface ToolContentPropsWithExamples<T, I>
extends ToolContentPropsBase<T, I> {
exampleCards: CardExampleType<T>[];
setInput: React.Dispatch<React.SetStateAction<string>>;
setInput: React.Dispatch<React.SetStateAction<I>>;
}
interface ToolContentPropsWithoutExamples<T> extends ToolContentPropsBase<T> {
exampleCards?: undefined;
setInput?: undefined;
interface ToolContentPropsWithoutExamples<T, I>
extends ToolContentPropsBase<T, I> {
exampleCards?: never;
setInput?: never;
}
type ToolContentProps<T> =
| ToolContentPropsWithExamples<T>
| ToolContentPropsWithoutExamples<T>;
type ToolContentProps<T, I> =
| ToolContentPropsWithExamples<T, I>
| ToolContentPropsWithoutExamples<T, I>;
export default function ToolContent<T extends FormikValues>({
export default function ToolContent<T extends FormikValues, I>({
title,
inputComponent,
resultComponent,
@@ -61,7 +63,7 @@ export default function ToolContent<T extends FormikValues>({
input,
setInput,
validationSchema
}: ToolContentProps<T>) {
}: ToolContentProps<T, I>) {
const formRef = useRef<FormikProps<T>>(null);
return (