codex-storage
/
codex-marketplace-ui-components
mirror of https://github.com/codex-storage/codex-marketplace-ui-components.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make stepper use ReactNode

This commit is contained in:
Arnaud 2024-08-28 10:05:18 +02:00
parent 8e86803448
commit 7c6f65bccf
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Stepper/Stepper.tsx
View File

@ -1,6 +1,6 @@
import { Button } from "../Button/Button"; import { Button } from "../Button/Button";
import "./stepper.css"; import "./stepper.css";
import { CSSProperties } from "react"; import { CSSProperties, ReactNode } from "react";
import { Spinner } from "../Spinner/Spinner"; import { Spinner } from "../Spinner/Spinner";
import { Step } from "./Step"; import { Step } from "./Step";
@ -21,7 +21,7 @@ type Props = {
/** /**
* The current component to show. * The current component to show.
*/ */
Body: () => JSX.Element; Body: ReactNode;
// The current step to display in stepper state. // The current step to display in stepper state.
step: number; step: number;
@ -98,7 +98,7 @@ export function Stepper({
<Spinner width={"3rem"} /> <Spinner width={"3rem"} />
</div> </div>
) : ( ) : (
<Body /> <>{Body}</>
)} )}
</div> </div>

4
src/components/Upload/Upload.tsx
View File

@ -30,7 +30,7 @@ type Props = {
* Event triggered when a file is uploaded. * Event triggered when a file is uploaded.
* The cid is the unique identifier of the file in Codex network. * The cid is the unique identifier of the file in Codex network.
*/ */
onSuccess?: (cid: string) => void; onSuccess?: (cid: string, file: File) => void;
/* /*
* Event triggered when the user selected files to upload. * Event triggered when the user selected files to upload.
@ -76,7 +76,7 @@ type Props = {
* --codex-color-primary * --codex-color-primary
* --codex-color * --codex-color
* --codex-color-error * --codex-color-error
* --codex-color-warning * --codex-color-warning
*/ */
style?: CustomStyleCSS; style?: CustomStyleCSS;
}; };