diff --git a/packages/interface/src/features/ballot/components/BallotConfirmation.tsx b/packages/interface/src/features/ballot/components/BallotConfirmation.tsx index a6ab042d..e1b67677 100644 --- a/packages/interface/src/features/ballot/components/BallotConfirmation.tsx +++ b/packages/interface/src/features/ballot/components/BallotConfirmation.tsx @@ -1,6 +1,8 @@ import { format } from "date-fns"; import Link from "next/link"; import { useMemo } from "react"; +import { FaXTwitter, FaThreads } from "react-icons/fa6"; +import { SiFarcaster } from "react-icons/si"; import { tv } from "tailwind-variants"; import { Hex } from "viem"; import { useAccount } from "wagmi"; @@ -26,7 +28,16 @@ const feedbackUrl = process.env.NEXT_PUBLIC_FEEDBACK_URL!; const Card = createComponent( "div", tv({ - base: "rounded-lg border border-blue-400 p-8 bg-blue-50 flex justify-between items-center gap-8 my-14", + base: "rounded-lg border p-8 justify-between items-center gap-8 my-14", + variants: { + variant: { + default: "border-blue-400 bg-blue-50 flex", + invert: "text-blue-700 bg-blue-400 border-blue-700", + }, + }, + defaultVariants: { + variant: "default", + }, }), ); @@ -100,12 +111,60 @@ export const BallotConfirmation = ({ pollId }: IBallotConfirmationProps): JSX.El + +
+ Share that you have voted in {round?.roundId} round. +
+ +
+ + +

OR

+ + + +

OR

+ + +
+
+ {roundState === ERoundState.VOTING && (