Change button name

Author: edkaya

client/src/components/UploadRecipe.tsx

@@ -50,7 +50,7 @@ const UploadRecipe: React.FC = () => {
       {status === "idle" && (
         <form>
           <label className="flex flex-col items-center justify-center px-4 py-2 text-sm font-medium text-white bg-green-600 rounded-md cursor-pointer hover:bg-green-700 transition-colors">
-            Upload Recipe PDF
+            Upload Recipe Book
             <input type="file" accept=".pdf" hidden onChange={handleUpload} />
           </label>
         </form>

client/src/components/__tests__/UploadRecipe.test.tsx

@@ -23,8 +23,8 @@ describe("UploadRecipe Component", () => {
   it("renders upload button in idle state", () => {
     render(<UploadRecipe />);
 
-    expect(screen.getByText("Upload Recipe PDF")).toBeInTheDocument();
-    expect(screen.getByLabelText("Upload Recipe PDF")).toBeInTheDocument();
+    expect(screen.getByText("Upload Recipe Book")).toBeInTheDocument();
+    expect(screen.getByLabelText("Upload Recipe Book")).toBeInTheDocument();
   });
 
   it("shows uploading state when file is selected", async () => {
@@ -36,7 +36,7 @@ describe("UploadRecipe Component", () => {
     render(<UploadRecipe />);
 
     const fileInput = screen.getByLabelText(
-      "Upload Recipe PDF",
+      "Upload Recipe Book",
     ) as HTMLInputElement;
     const file = new File(["test content"], "recipe.pdf", {
       type: "application/pdf",
@@ -60,12 +60,12 @@ describe("UploadRecipe Component", () => {
     render(<UploadRecipe />);
 
     const fileInput = screen.getByLabelText(
-      "Upload Recipe PDF",
+      "Upload Recipe Book",
     ) as HTMLInputElement;
 
     fireEvent.change(fileInput!, { target: { files: [] } });
 
     expect(mockFetch).not.toHaveBeenCalled();
-    expect(screen.getByText("Upload Recipe PDF")).toBeInTheDocument();
+    expect(screen.getByText("Upload Recipe Book")).toBeInTheDocument();
   });
 });