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 (
+
+ );
+}