cancelItemButton

frontend/src/app/sell/add-item/page.tsx

@@ -18,6 +18,7 @@ export default function AddItemPage() {
           mode="create"
           submitLabel="Post Item to Swapeeee"
           onCancel={() => router.push("/sell")}
+          onSuccess={() => router.push("/sell")}
         />
       </main>
     </>

frontend/src/components/itemForm.tsx

@@ -162,6 +162,19 @@ export default function ItemForm({
     }
   };
 
+  const handleRemove = async () => {
+      try{
+        if (itemId == null) {
+          setSubmitError("Missing item id.");
+          return;
+        }
+        await api.items.delete(itemId);
+        onSuccess?.();
+      } catch (e) {
+        setSubmitError(handleApiError(e));
+      }
+    }
+
   return (
     <section className="min-h-screen flex flex-col mx-4 py-8 bg-white md:py-16 dark:bg-neutral-700 antialiased">
       {onCancel && (
@@ -301,6 +314,12 @@ export default function ItemForm({
           type="button"
           onClick={handleSubmit}
         />
+        <PrimaryButton
+          text="Remove Item"
+          type="button"
+          onClick={onCancel}
+          className="ms-4 bg-gray-300 hover:bg-gray-400 dark:bg-gray-600 dark:hover:bg-gray-500 text-gray-800 dark:text-gray-200"
+        />
       </div>
     </section>
   );