From d5643c1de79574b809d7888407ea5fc229603cb6 Mon Sep 17 00:00:00 2001
From: Jopgood <james.hopgood@anjunabeats.com>
Date: Thu, 14 Nov 2024 21:56:35 +0000
Subject: [PATCH 1/2] a simple reupload button for quick restart

---
 src/app/(tools)/square-image/square-tool.tsx |  5 +++++
 src/components/shared/reupload-box.tsx       | 20 ++++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 src/components/shared/reupload-box.tsx

diff --git a/src/app/(tools)/square-image/square-tool.tsx b/src/app/(tools)/square-image/square-tool.tsx
index 8264309..de03aba 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,10 @@ function SquareToolCore(props: { fileUploaderProps: FileUploaderResult }) {
         >
           Save Image
         </button>
+        <ReuploadBox
+          accept="image/*"
+          onChange={handleFileUploadEvent}
+        />
       </div>
     </div>
   );
diff --git a/src/components/shared/reupload-box.tsx b/src/components/shared/reupload-box.tsx
new file mode 100644
index 0000000..6b8740b
--- /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<HTMLInputElement>) => void;
+}
+
+export default function ReuploadBox({ accept, onChange }: ReuploadBoxProps) {
+  return (
+    <label className="inline-flex cursor-pointer items-center gap-2 rounded-lg bg-blue-600 px-3 py-2 text-white shadow-sm transition-colors hover:bg-blue-700 focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2">
+      <span className="text-sm font-medium">Reupload</span>
+      <input
+        type="file"
+        onChange={onChange}
+        accept={accept}
+        className="hidden"
+      />
+    </label>
+  );
+}
\ No newline at end of file

From 0f7139be3418a8787e1e21bd1bd75061e9dbe351 Mon Sep 17 00:00:00 2001
From: Jopgood <james.hopgood@anjunabeats.com>
Date: Thu, 14 Nov 2024 22:03:01 +0000
Subject: [PATCH 2/2] some code indentation updates

---
 src/app/(tools)/square-image/square-tool.tsx | 5 +----
 src/components/shared/reupload-box.tsx       | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/app/(tools)/square-image/square-tool.tsx b/src/app/(tools)/square-image/square-tool.tsx
index de03aba..798804a 100644
--- a/src/app/(tools)/square-image/square-tool.tsx
+++ b/src/app/(tools)/square-image/square-tool.tsx
@@ -133,10 +133,7 @@ function SquareToolCore(props: { fileUploaderProps: FileUploaderResult }) {
         >
           Save Image
         </button>
-        <ReuploadBox
-          accept="image/*"
-          onChange={handleFileUploadEvent}
-        />
+        <ReuploadBox accept="image/*" onChange={handleFileUploadEvent} />
       </div>
     </div>
   );
diff --git a/src/components/shared/reupload-box.tsx b/src/components/shared/reupload-box.tsx
index 6b8740b..b1d6f9b 100644
--- a/src/components/shared/reupload-box.tsx
+++ b/src/components/shared/reupload-box.tsx
@@ -7,7 +7,7 @@ interface ReuploadBoxProps {
 
 export default function ReuploadBox({ accept, onChange }: ReuploadBoxProps) {
   return (
-    <label className="inline-flex cursor-pointer items-center gap-2 rounded-lg bg-blue-600 px-3 py-2 text-white shadow-sm transition-colors hover:bg-blue-700 focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2">
+    <label className="inline-flex cursor-pointer items-center gap-2 rounded-lg bg-blue-600 px-3 py-2 text-white shadow-sm transition-colors focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 hover:bg-blue-700">
       <span className="text-sm font-medium">Reupload</span>
       <input
         type="file"
@@ -17,4 +17,4 @@ export default function ReuploadBox({ accept, onChange }: ReuploadBoxProps) {
       />
     </label>
   );
-}
\ No newline at end of file
+}