diff --git a/src/app/(tools)/square-image/square-tool.tsx b/src/app/(tools)/square-image/square-tool.tsx index 8264309..798804a 100644 --- a/src/app/(tools)/square-image/square-tool.tsx +++ b/src/app/(tools)/square-image/square-tool.tsx @@ -10,6 +10,7 @@ import { useFileUploader, } from "@/hooks/use-file-uploader"; import { useEffect, useState } from "react"; +import ReuploadBox from "@/components/shared/reupload-box"; function SquareToolCore(props: { fileUploaderProps: FileUploaderResult }) { const { imageContent, imageMetadata, handleFileUploadEvent, cancel } = @@ -132,6 +133,7 @@ function SquareToolCore(props: { fileUploaderProps: FileUploaderResult }) { > Save Image + ); diff --git a/src/components/shared/reupload-box.tsx b/src/components/shared/reupload-box.tsx new file mode 100644 index 0000000..b1d6f9b --- /dev/null +++ b/src/components/shared/reupload-box.tsx @@ -0,0 +1,20 @@ +import React from "react"; + +interface ReuploadBoxProps { + accept: string; + onChange: (event: React.ChangeEvent) => void; +} + +export default function ReuploadBox({ accept, onChange }: ReuploadBoxProps) { + return ( + + ); +}