test sharing function

app/api/generate/title/route.ts

@@ -18,7 +18,7 @@ export async function POST(
       parameters: {
         num_return_sequences: 1,
         return_full_text: false,
-        do_sample: true
+        do_sample: false,
       }
     }),
   })

components/form.tsx

@@ -158,7 +158,11 @@ export const Form = ({ children }: { children: React.ReactNode }) => {
         />
       </div>
       <div className="max-lg:pb-16">
-        <div className="w-full sticky top-0">
+        <div
+          className={classNames("w-full", {
+            "sticky top-0": !track,
+          })}
+        >
           <div className="border rounded-xl p-6 bg-stone-900/40 border-white/5">
             <p className="text-amber-200 font-semibold text-xs uppercase mb-3">
               Generated prompt
@@ -218,8 +222,9 @@ export const Form = ({ children }: { children: React.ReactNode }) => {
                             "animate-pulse": shareLoading,
                           }
                         )}
-                        onClick={async (e) => {
+                        onClick={async () => {
                           if (shareLoading) return;
+                          setShareLoading(true);
                           await share(
                             track,
                             {
@@ -231,9 +236,10 @@ export const Form = ({ children }: { children: React.ReactNode }) => {
                             },
                             results
                           );
+                          setShareLoading(false);
                         }}
                       >
-                        Share my song
+                        {shareLoading ? "Sharing..." : "Share my song"}
                       </button>
                     )}
                   </div>

utils/index.ts

@@ -269,7 +269,8 @@ function writeString(view: any, offset: number, string: string) {
 export const MODEL_ID = 'Xenova/musicgen-small';
 
 export async function share(body: any, settings: Record<string, any>, results: Record<string, any>) {
-  const response = await fetch('https://huggingface.co/uploads', { method: 'POST', body });
+  const blobAudio = new Blob([body.audio], { type: 'audio/wav' });
+  const response = await fetch('https://huggingface.co/uploads', { method: 'POST', body:  blobAudio });
   if (!response.ok) throw new Error(`Failed to upload audio: ${response.statusText}`);
   const url = await response.text();