diff --git a/packages/app/src/styles/components/actions-widget.css b/packages/app/src/styles/components/actions-widget.css index d260a894..5d601722 100644 --- a/packages/app/src/styles/components/actions-widget.css +++ b/packages/app/src/styles/components/actions-widget.css @@ -5,6 +5,11 @@ @media (min-width: 834px) { @apply p-6 fixed bottom-0 left-0; } + + & a, + & a:hover { + @apply no-underline; + } } .actionsWidget--btn { diff --git a/packages/app/src/systems/Core/components/ActionsWidget.tsx b/packages/app/src/systems/Core/components/ActionsWidget.tsx index 661fc735..0665c9b8 100644 --- a/packages/app/src/systems/Core/components/ActionsWidget.tsx +++ b/packages/app/src/systems/Core/components/ActionsWidget.tsx @@ -2,11 +2,14 @@ import { BsTwitter } from "react-icons/bs"; import { FaFaucet } from "react-icons/fa"; import { FaucetDialog, useFaucetDialog } from "~/systems/Faucet"; -import { TwitterDialog, useTwitterDialog } from "~/systems/Tweet"; -import { Button } from "~/systems/UI"; +import { Button, Link } from "~/systems/UI"; + +const tweetText = `I'm using #SwaySwap, a blazingly fast DEX on the Fuel devnet @fuellabs_\nhttps://fuellabs.github.io/swayswap`; +const tweetLink = `https://twitter.com/intent/tweet?text=${encodeURIComponent( + tweetText +)}`; export function ActionsWidget() { - const twitterDialog = useTwitterDialog(); const faucetDialog = useFaucetDialog(); return ( @@ -20,16 +23,15 @@ export function ActionsWidget() { Faucet - - - Share - - + + + + Share + + ); diff --git a/packages/app/src/systems/Tweet/components/TwitterDialog.tsx b/packages/app/src/systems/Tweet/components/TwitterDialog.tsx deleted file mode 100644 index d731e582..00000000 --- a/packages/app/src/systems/Tweet/components/TwitterDialog.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import { useTwitterDialog } from "../hooks/useTwitterDialog"; - -import { Button, Dialog, Link } from "~/systems/UI"; - -const tweetText = `I'm using #SwaySwap, a blazingly fast DEX built on Fuel @fuellabs_\nhttps://fuellabs.github.io/swayswap`; -const tweetLink = `https://twitter.com/intent/tweet?text=${encodeURIComponent( - tweetText -)}`; - -export function TwitterDialog() { - const dialog = useTwitterDialog(); - - function shareTweet() { - setTimeout(() => { - dialog.close(); - }, 500); - } - - return ( - - - - 💚 Share that you're using SwaySwap on Twitter. - - - - Share on Twitter - - - - No thanks - - - - ); -} diff --git a/packages/app/src/systems/Tweet/hooks/useTwitterDialog.ts b/packages/app/src/systems/Tweet/hooks/useTwitterDialog.ts deleted file mode 100644 index 166a6b17..00000000 --- a/packages/app/src/systems/Tweet/hooks/useTwitterDialog.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { atom, useAtom } from 'jotai'; - -import { useDialog } from '~/systems/UI'; - -const dialogAtom = atom(false); - -export function useTwitterDialog() { - const [opened, setOpened] = useAtom(dialogAtom); - return useDialog({ - isOpen: opened, - onOpenChange: setOpened, - }); -} diff --git a/packages/app/src/systems/Tweet/index.ts b/packages/app/src/systems/Tweet/index.ts deleted file mode 100644 index ee580440..00000000 --- a/packages/app/src/systems/Tweet/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from './components/TwitterDialog'; -export * from './hooks/useTwitterDialog';
- 💚 Share that you're using SwaySwap on Twitter. -