Fix uploadthing issue and redirects

Author: Nalin-Angrish

src/app/[clubname]/page.jsx

@@ -7,10 +7,13 @@ import Gallery from "@/components/ClubPageComponents/Gallery";
 import OurSchedule from "@/components/ClubPageComponents/OurSchedule";
 import { clubCodes } from "@/lib/utils";
 import { getClubDetails } from "../actions/ClubData";
+import { redirect } from "next/navigation";
 
 export async function generateMetadata({ params, searchParams }, parent) {
   const club = (await params).clubname;
-  const clubName = (await getClubDetails(club)).name;
+  const clubDetails = await getClubDetails(club)
+  if(!clubDetails) redirect("/");
+  const clubName = clubDetails.name;
   // console.log(await parent);
   return {
     title: `${clubName} | ${(await parent).title.absolute}`,

src/components/ClubDash/edit-form.jsx

@@ -2,7 +2,10 @@
 import Link from "next/link";
 import { updateClubData } from "@/app/actions/ClubActions";
 import { useFormState } from "react-dom";
-import { UploadButton } from "@uploadthing/react";
+import { generateUploadButton } from "@uploadthing/react";
+const UploadButton = generateUploadButton({
+  url: "/bost/api/uploadthing"
+})
 import { useEffect, useState } from "react";
 
 export default function Form({ clubData }) {
@@ -96,6 +99,7 @@ export default function Form({ clubData }) {
             <UploadButton
               endpoint="imageUploader"
               className="ut-uploading:pointer-events-none"
+              callbackUrl
               appearance={{
                 container: "w-1/4",
 button:"bg-primary"              }}

src/components/Gallery/create-form.jsx

@@ -2,7 +2,10 @@
 import Link from "next/link";
 import { addImage } from "@/app/actions/GalleryActions"; // Assume this is your server action
 import { useFormState } from "react-dom";
-import { UploadButton } from "@uploadthing/react";
+import { generateUploadButton } from "@uploadthing/react";
+const UploadButton = generateUploadButton({
+  url: "/bost/api/uploadthing"
+})
 import { useState } from "react";
 
 export default function AddImageForm() {

src/components/Gallery/edit-form.jsx

@@ -2,7 +2,10 @@
 import Link from "next/link";
 import { updateGalleryImageURL } from "@/app/actions/GalleryActions";
 import { useFormState } from "react-dom";
-import { UploadButton } from "@uploadthing/react";
+import { generateUploadButton } from "@uploadthing/react";
+const UploadButton = generateUploadButton({
+  url: "/bost/api/uploadthing"
+})
 import { useState } from "react";
 
 export default function EditImageForm({ url,name }) {

src/components/Project/create-form.jsx

@@ -4,7 +4,10 @@ import { Button } from "@/components/ui/button";
 import Link from "next/link";
 import { useFormState } from "react-dom";
 import { createProject } from "@/app/actions/ProjectActions";
-import { UploadButton } from "@uploadthing/react";
+import { generateUploadButton } from "@uploadthing/react";
+const UploadButton = generateUploadButton({
+  url: "/bost/api/uploadthing"
+})
 
 const developmentStatus = [
   { id: 1, name: "Not Started" },

src/components/Project/edit-form.jsx

@@ -4,7 +4,10 @@ import { Button } from "@/components/ui/button";
 import Link from "next/link";
 import DynamicField from "@/components/ui/dynamic-input-field";
 import { useFormState } from "react-dom";
-import { UploadButton } from "@uploadthing/react";
+import { generateUploadButton } from "@uploadthing/react";
+const UploadButton = generateUploadButton({
+  url: "/bost/api/uploadthing"
+})
 import { updateProject } from "@/app/actions/ProjectActions";
 
 const developmentStatus = [

src/components/Team/create-form.jsx

@@ -2,7 +2,10 @@
 import Link from "next/link";
 import { createTeamMember } from "@/app/actions/TeamActions";
 import { useFormState } from "react-dom";
-import { UploadButton } from "@uploadthing/react";
+import { generateUploadButton } from "@uploadthing/react";
+const UploadButton = generateUploadButton({
+  url: "/bost/api/uploadthing"
+})
 import { useState } from "react";
 import { Button } from "../ui/button";
 

src/components/Team/edit-form.jsx

@@ -2,7 +2,10 @@
 import Link from "next/link";
 import { updateTeamMember } from "@/app/actions/TeamActions";
 import { useFormState } from "react-dom";
-import { UploadButton } from "@uploadthing/react";
+import { generateUploadButton } from "@uploadthing/react";
+const UploadButton = generateUploadButton({
+  url: "/bost/api/uploadthing"
+})
 import { useState } from "react";
 
 export default function Form({ memberDetails }) {

src/middleware.js

@@ -6,7 +6,7 @@ export async function middleware(request) {
   const session = await auth();
   const isAuthenticated = session?.user;
   if (nextUrl.pathname.startsWith("/dashboard") && !isAuthenticated) {
-    return NextResponse.redirect(new URL("/", request.url));
+    return NextResponse.redirect(new URL("/bost/", request.url));
   }
 }