Merge with production (#886)

Co-authored-by: mariodev <gh_mario.proclaim@slmail.me>

Author: xannyxs

packages/app/app/speaker/[session]/components/SpeakerYoutubePublishButton.tsx

@@ -74,79 +74,77 @@ const SpeakerYoutubePublishButton = ({
   };
 
   return (
-    <div>
-      <Dialog open={open} onOpenChange={setOpen}>
-        <Button className="bg-[#FF0000]" onClick={() => setOpen(true)}>
-          <SiYoutube className="mr-2" /> Publish to Youtube
-        </Button>
-        <DialogContent>
-          <DialogTitle className="font-bold">
-            Publish Video to Youtube{' '}
-          </DialogTitle>
-          {refreshToken ? (
-            <div className="flex items-center pr-3">
-              <Image
-                src={thumbnail}
-                className="p-1 mr-2 rounded-full"
-                width={50}
-                height={50}
-                alt=""
-              />
-              <Link
-                className="text-sm underline"
-                href={`/api/google/request?state=${state}`}
-              >
-                Click to Reconnect
-              </Link>
-            </div>
-          ) : (
-            <div>
-              <p className="mb-2">Connect Youtube Account before continuing </p>
-              <div className="flex gap-4 items-center">
-                <Button
-                  onClick={handleModalClose}
-                  className="w-full"
-                  variant={'outline'}
-                >
-                  Cancel
-                </Button>
-                <Link
-                  className="w-full"
-                  href={`/api/google/request?state=${state}`}
-                >
-                  <Button className="w-full" variant={'primary'}>
-                    Connect
-                  </Button>
-                </Link>
-              </div>
-            </div>
-          )}
-
-          {refreshToken && (
-            <div className="flex gap-4 items-center w-full">
+    <Dialog open={open} onOpenChange={setOpen}>
+      <Button className="bg-[#FF0000]" onClick={() => setOpen(true)}>
+        <SiYoutube className="mr-2" /> Publish to Youtube
+      </Button>
+      <DialogContent>
+        <DialogTitle className="font-bold">
+          Publish Video to Youtube{' '}
+        </DialogTitle>
+        {refreshToken ? (
+          <div className="flex items-center pr-3">
+            <Image
+              src={thumbnail}
+              className="p-1 mr-2 rounded-full"
+              width={50}
+              height={50}
+              alt=""
+            />
+            <Link
+              className="text-sm underline"
+              href={`/api/google/request?state=${state}`}
+            >
+              Click to Reconnect
+            </Link>
+          </div>
+        ) : (
+          <div>
+            <p className="mb-2">Connect Youtube Account before continuing </p>
+            <div className="flex gap-4 items-center">
               <Button
                 onClick={handleModalClose}
                 className="w-full"
                 variant={'outline'}
               >
                 Cancel
               </Button>
-              <Button
-                variant="primary"
-                className="overflow-hidden w-full"
-                onClick={() => {
-                  track('Upload to YouTube', { location: 'Speaker Page' });
-                  handleYoutubePublish();
-                }}
-                loading={isLoading}
+              <Link
+                className="w-full"
+                href={`/api/google/request?state=${state}`}
               >
-                Publish
-              </Button>
+                <Button className="w-full" variant={'primary'}>
+                  Connect
+                </Button>
+              </Link>
             </div>
-          )}
-        </DialogContent>
-      </Dialog>
-    </div>
+          </div>
+        )}
+
+        {refreshToken && (
+          <div className="flex gap-4 items-center w-full">
+            <Button
+              onClick={handleModalClose}
+              className="w-full"
+              variant={'outline'}
+            >
+              Cancel
+            </Button>
+            <Button
+              variant="primary"
+              className="overflow-hidden w-full"
+              onClick={() => {
+                track('Upload to YouTube', { location: 'Speaker Page' });
+                handleYoutubePublish();
+              }}
+              loading={isLoading}
+            >
+              Publish
+            </Button>
+          </div>
+        )}
+      </DialogContent>
+    </Dialog>
   );
 };
 

packages/app/app/speaker/[session]/components/ZoraUploadButton.tsx

@@ -168,7 +168,7 @@ const ZoraUploadButton = ({
   }, [publicClient, address, session, writeContract, switchChain]);
 
   if (!isConnected) {
-    return <ConnectWalletButton />;
+    return <ConnectWalletButton btnText="Upload to Zora" />;
   }
 
   const isDisabled = isUploading || state?.length > 0;

packages/app/app/speaker/[session]/page.tsx

@@ -94,7 +94,7 @@ const SessionPage = async ({
               video={session!}
             />
 
-            <div className="flex space-x-2">
+            <div className="flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2">
               <SpeakerYoutubePublishButton
                 openModal={searchParams.m}
                 sessionId={params.session}