diff --git a/components/DataRequestFormChunkPurchases.tsx b/components/DataRequestFormChunkPurchases.tsx new file mode 100644 index 0000000..9cacb05 --- /dev/null +++ b/components/DataRequestFormChunkPurchases.tsx @@ -0,0 +1,41 @@ +import { + FormControl, + FormHelperText, + FormLabel, + Input, + useMultiStyleConfig, +} from "@chakra-ui/react"; +import { type Dispatch, type SetStateAction } from "react"; + +export default function (props: { + fileStateSet: Dispatch>; +}) { + const inputSelectorProps = useMultiStyleConfig("Button", { + colorScheme: "blue", + }); + return ( + + Proof of Purchase + { + props.fileStateSet(e.target.files); + }} + sx={{ + "::file-selector-button": { + border: "none", + outline: "none", + ...inputSelectorProps, + }, + }} + type="file" + /> + + Select both the Roblox transaction entry and proof of you not receiving + your purchase. + + + ); +} diff --git a/components/DataRequestFormChunkTransfers.tsx b/components/DataRequestFormChunkTransfers.tsx new file mode 100644 index 0000000..eb36d9c --- /dev/null +++ b/components/DataRequestFormChunkTransfers.tsx @@ -0,0 +1,58 @@ +import { + FormControl, + FormLabel, + Input, + Radio, + RadioGroup, + Stack, + useMultiStyleConfig, +} from "@chakra-ui/react"; +import { type Dispatch, type SetStateAction, useState } from "react"; + +export default function (props: { + fileStateSet: Dispatch>; + isTerminated: boolean; + setIsTerminated: Dispatch>; +}) { + const inputSelectorProps = useMultiStyleConfig("Button", { + colorScheme: "blue", + }); + + return ( + <> + + + Is the account you are transferring from terminated? + + props.setIsTerminated(JSON.parse(v))} + value={JSON.stringify(props.isTerminated)} + > + + Yes + No + + + + {props.isTerminated ? ( + + Proof of Termination + props.fileStateSet(e.target.files)} + sx={{ + "::file-selector-button": { + border: "none", + outline: "none", + ...inputSelectorProps, + }, + }} + type="file" + /> + + ) : null} + + ); +}