initial commit

app/settings/layout.tsx

@@ -0,0 +1,9 @@
+
+
+export default function layout({ children }: { children: React.ReactNode}){
+    return <>
+        <h1>This is a Settings layout \/</h1>
+        {children}
+        <h1>This is a Settings layout /\</h1>
+        </>
+}

app/settings/page.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { UploadButton } from "../../lib/uploadthing";
+
+export default function Home() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <UploadButton
+        endpoint="imageUploader"
+        onClientUploadComplete={(res) => {
+          // Do something with the response
+          console.log("Files: ", res);
+          alert("Upload Completed");
+        }}
+        onUploadError={(error: Error) => {
+          // Do something with the error.
+          alert(`ERROR! ${error.message}`);
+        }}
+      />
+    </main>
+  );
+}