diff --git a/README.md b/README.md index e71f8bd14..baaea99a1 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ Web UI for Across. ### Requirements - [yarn v1.22.22](https://classic.yarnpkg.com/en/docs/install) -- NodeJS >=v20 +- NodeJS >=22.18.0 - [Vercel CLI (35 or higher)](https://vercel.com/docs/cli) ### Local setup diff --git a/src/hooks/useTwitter.ts b/src/hooks/useTwitter.ts index f7df1ed98..c449ee674 100644 --- a/src/hooks/useTwitter.ts +++ b/src/hooks/useTwitter.ts @@ -5,19 +5,18 @@ import { twitterShareContestActive } from "utils"; const contestActiveParams = { cardTitle: "Win 1,000 ACX!", cardSubtitle: - "Post your transaction speed on X for a chance to win this week's 1,000 ACX giveaway #PoweredByIntents", + "Post your transaction speed on X for a chance to win this week's 1,000 ACX giveaway. Powered by Intents.", modalTitle: "Share for a Chance to Win 1,000 ACX!", }; const contestInactiveParams = { - cardTitle: "Wow, that was fast!", - cardSubtitle: - "This deserves a tweet. Show your friends how fast you bridged! #PoweredByIntents", + cardTitle: "That was fast! Tell the world!", + cardSubtitle: "", modalTitle: "Too Fast Not to Share", }; const tweetText = - "Check out how fast I just bridged with @AcrossProtocol\n #PoweredByIntents ⛺"; + "Check out how fast I just bridged.\n\nGet there with @AcrossProtocol"; export function useTwitter() { const { helpers } = useCurrentBreakpoint(); diff --git a/src/views/DepositStatus/components/TwitterShare/TwitterShareCard.tsx b/src/views/DepositStatus/components/TwitterShare/TwitterShareCard.tsx index 44e9c7d5d..a8e02f0e7 100644 --- a/src/views/DepositStatus/components/TwitterShare/TwitterShareCard.tsx +++ b/src/views/DepositStatus/components/TwitterShare/TwitterShareCard.tsx @@ -98,6 +98,7 @@ export function TwitterShareCard(props: TwitterShareProps) { } const Card = styled.div` + width: 100%; display: flex; flex-direction: column; align-items: center; @@ -171,5 +172,6 @@ const Button = styled(SecondaryButton)` @media ${QUERIES.tabletAndUp} { width: unset; + margin-left: auto; } `;