From 80829d83a959c553b22754eaf0a4264498633f48 Mon Sep 17 00:00:00 2001
From: wkim10 <wkim10@tufts.edu>
Date: Thu, 10 Oct 2024 19:00:30 -0400
Subject: [PATCH] add example component

---
 src/app/page.tsx                 | 21 +++------------------
 src/components/ExampleButton.tsx | 28 ++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 18 deletions(-)
 create mode 100644 src/components/ExampleButton.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 381c305..b30aa9b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,27 +1,12 @@
 "use client";
 
-import { addUser } from "./api/user/route.client";
+import ExampleButton from "@/components/ExampleButton";
 
 export default function Home() {
   return (
     <div className="flex items-center justify-center h-screen">
-      {/* Test Button */}
-      <button
-        className="bg-slate-700 text-white p-4 rounded-full"
-        onClick={async () => {
-          const response = await addUser({
-            body: {
-              user: {
-                firstName: "Johnny",
-                email: "johnny.tan.best.pm@tufts.edu",
-              },
-            },
-          });
-          console.log(response);
-        }}
-      >
-        Add User
-      </button>
+      {/* Example Button (ExampleButton.tsx in components folder) */}
+      <ExampleButton buttonText="Add User" />
     </div>
   );
 }
diff --git a/src/components/ExampleButton.tsx b/src/components/ExampleButton.tsx
new file mode 100644
index 0000000..e2123a6
--- /dev/null
+++ b/src/components/ExampleButton.tsx
@@ -0,0 +1,28 @@
+import { addUser } from "@/app/api/user/route.client";
+
+interface ExampleButtonProps {
+  buttonText: string;
+}
+
+const ExampleButton = ({ buttonText }: ExampleButtonProps) => {
+  return (
+    <button
+      className="bg-slate-700 text-white p-4 rounded-full"
+      onClick={async () => {
+        const response = await addUser({
+          body: {
+            user: {
+              firstName: "Johnny",
+              email: "johnny.tan.best.pm@tufts.edu",
+            },
+          },
+        });
+        console.log(response);
+      }}
+    >
+      {buttonText}
+    </button>
+  );
+};
+
+export default ExampleButton;