From d84399d754a66a2512eedc99bd2eccd2b2dc43d6 Mon Sep 17 00:00:00 2001
From: mariodev <gh_mario.proclaim@slmail.me>
Date: Mon, 19 Aug 2024 09:44:54 -0400
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=92=84=20Default=20to=20upload=20to?=
 =?UTF-8?q?=20zora=20text=20on=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/app/speaker/[session]/components/ZoraUploadButton.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/app/app/speaker/[session]/components/ZoraUploadButton.tsx b/packages/app/app/speaker/[session]/components/ZoraUploadButton.tsx
index d458cf18f..6577d3a67 100644
--- a/packages/app/app/speaker/[session]/components/ZoraUploadButton.tsx
+++ b/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;

From bcdc2fc2abc7d19526d56bbf736f7dc8d3634a0d Mon Sep 17 00:00:00 2001
From: mariodev <gh_mario.proclaim@slmail.me>
Date: Mon, 19 Aug 2024 09:45:17 -0400
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=90=9B=20Made=20both=20button=20full?=
 =?UTF-8?q?=20width=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SpeakerYoutubePublishButton.tsx           | 126 +++++++++---------
 packages/app/app/speaker/[session]/page.tsx   |   2 +-
 2 files changed, 63 insertions(+), 65 deletions(-)

diff --git a/packages/app/app/speaker/[session]/components/SpeakerYoutubePublishButton.tsx b/packages/app/app/speaker/[session]/components/SpeakerYoutubePublishButton.tsx
index 3a630814f..ef1011ef7 100644
--- a/packages/app/app/speaker/[session]/components/SpeakerYoutubePublishButton.tsx
+++ b/packages/app/app/speaker/[session]/components/SpeakerYoutubePublishButton.tsx
@@ -74,56 +74,34 @@ 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"
@@ -131,22 +109,42 @@ const SpeakerYoutubePublishButton = ({
               >
                 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>
   );
 };
 
diff --git a/packages/app/app/speaker/[session]/page.tsx b/packages/app/app/speaker/[session]/page.tsx
index 31d9f55da..793964dc8 100644
--- a/packages/app/app/speaker/[session]/page.tsx
+++ b/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}

From 8e08ae60ee18a04b8bc0e92d212bfcd9e9572b55 Mon Sep 17 00:00:00 2001
From: mariodev <gh_mario.proclaim@slmail.me>
Date: Mon, 19 Aug 2024 10:46:51 -0400
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=92=84=20Added=20the=20download=20but?=
 =?UTF-8?q?ton=20back=20to=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/sessions/SessionInfoBox.tsx    | 60 ++++++++-----------
 1 file changed, 25 insertions(+), 35 deletions(-)

diff --git a/packages/app/components/sessions/SessionInfoBox.tsx b/packages/app/components/sessions/SessionInfoBox.tsx
index 0d878b2cb..536a7fad8 100644
--- a/packages/app/components/sessions/SessionInfoBox.tsx
+++ b/packages/app/components/sessions/SessionInfoBox.tsx
@@ -76,43 +76,33 @@ const MobileButtons = ({
   nftCollection: IExtendedNftCollections | null;
   vod: boolean;
 }) => {
+  const hasCalendarReminder = !vod;
+
   return (
-    <>
-      {video?.nftCollections?.[0] ? (
-        <>
-          <div className="w-full">
-            <CollectVideButton video={video} nftCollection={nftCollection} />
-          </div>
-          <Popover>
-            <PopoverTrigger asChild>
-              <EllipsisVertical size={30} className="cursor-pointer" />
-            </PopoverTrigger>
-            <PopoverContent className="flex w-full flex-col space-y-2">
-              {/* Hydration Error */}
-              <ShareButton className="w-full" shareFor="video" />{' '}
-              {video?.assetId && (
-                <VideoDownloadClient
-                  videoName={`${video.name}.mp4`}
-                  assetId={video?.assetId}
-                />
-              )}
-              {!vod && (
-                <>
-                  <CalendarReminder
-                    eventName={name}
-                    description={description}
-                    start={date}
-                    end={date}
-                  />
-                </>
-              )}
-            </PopoverContent>
-          </Popover>
-        </>
-      ) : (
-        <ShareButton variant={'primary'} shareFor="video" />
+    <div className="flex w-full flex-wrap items-center gap-2">
+      {video?.nftCollections?.[0] && (
+        <CollectVideButton video={video} nftCollection={nftCollection} />
       )}
-    </>
+      <ShareButton
+        variant={video?.nftCollections?.[0] ? 'outline' : 'primary'}
+        shareFor="video"
+      />
+      {video?.assetId && (
+        <VideoDownloadClient
+          variant="outline"
+          videoName={`${video.name}.mp4`}
+          assetId={video?.assetId}
+        />
+      )}
+      {hasCalendarReminder && (
+        <CalendarReminder
+          eventName={name}
+          description={description}
+          start={date}
+          end={date}
+        />
+      )}
+    </div>
   );
 };