Refactor message input component to use LeanView

and PlatformBuyButton
showtime-xyz · Nov 22, 2023 · 4a1b47c · 4a1b47c
1 parent fd9a936
commit 4a1b47c
Showing 1 changed file with 17 additions and 16 deletions.
diff --git a/packages/app/components/creator-channels/components/message-input.tsx b/packages/app/components/creator-channels/components/message-input.tsx
@@ -217,22 +217,23 @@ export const MessageInput = memo(
       !hasUnlockedMessages
     ) {
       return (
-        <LeanView
-          tw="flex-row items-center justify-start bg-black px-2 py-2"
-          style={{
-            marginBottom: Math.max(bottom || 0, 16),
-          }}
-        >
-          <PlatformBuyButton
-            username={channelOwnerProfile?.username}
-            text={
-              <LeanText tw="text-center text-base font-semibold">
-                Buy - ${priceToBuyNext.data?.displayPrice}
-              </LeanText>
-            }
-            side="top"
-            tw="web:min-w-[200px] mr-4 min-w-[180px]"
-          />
+        <LeanView tw="flex-row items-center justify-start bg-black px-2 py-2">
+          <LeanView
+            style={{
+              paddingBottom: bottom || 0,
+            }}
+          >
+            <PlatformBuyButton
+              username={channelOwnerProfile?.username}
+              text={
+                <LeanText tw="text-center text-base font-semibold">
+                  Buy - ${priceToBuyNext.data?.displayPrice}
+                </LeanText>
+              }
+              side="top"
+              tw="web:min-w-[200px] mr-4 mt-auto min-w-[180px]"
+            />
+          </LeanView>
         </LeanView>
       );
     }