Skip to content

Commit

Permalink
Merge pull request #2462 from zeitgeistpm/staging
Browse files Browse the repository at this point in the history
  • Loading branch information
github-actions[bot] authored Oct 10, 2024
2 parents 240e415 + 1ad3604 commit c9224a9
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 9 deletions.
21 changes: 18 additions & 3 deletions components/account/OnboardingModal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ interface StepperProps {
}

interface ButtonProps {
className?: string;
title: string;
icon?: React.ReactNode | string;
disabled: boolean;
Expand All @@ -27,13 +28,27 @@ interface ButtonListProps {

const exchangeList = [
{
title: "Purchase ZTG with Crypto or Fiat (CEX)",
title: "Gate.io (CEX)",
disabled: false,
onClick: () =>
window.open("https://blog.zeitgeist.pm/how-to-buy-ztg-on-gateio/"),
},
{
title: "Trade for ZTG with Crypto (DEX)",
className: "",
title: "Banxa (Fiat)",
icon: (
<span className="rounded bg-green-600 px-2 py-1 text-xs text-white">
NEW
</span>
),
disabled: false,
onClick: () =>
window.open(
"https://checkout.banxa.com/?coinType=ZTG&blockchain=ZTG&orderMode=BUY",
),
},
{
title: "HydraDX (DEX)",
disabled: false,
onClick: () => {
window.open(
Expand Down Expand Up @@ -155,7 +170,7 @@ export const ButtonList: React.FC<ButtonListProps> = ({ buttonList }) => {
key={index}
disabled={button.disabled}
onClick={button.onClick}
className={`flex min-h-[56px] w-full items-center justify-center rounded-lg bg-mystic p-2 text-center hover:bg-gray-100 ${
className={`flex min-h-[56px] w-full items-center justify-center rounded-lg bg-mystic p-2 text-center hover:bg-gray-100 ${button?.className} ${
button.disabled === true ? "bg-gray-light-2" : "border"
}`}
>
Expand Down
12 changes: 6 additions & 6 deletions components/ui/ReferendumSummary.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,12 @@ const ReferendumSummary = ({
return (
<>
{referendum && (
<div className="w-full flex flex-col shadow-lg rounded-lg px-10 py-6 gap-4 font-medium">
<div className="flex w-full flex-col gap-4 rounded-lg px-10 py-6 font-medium shadow-lg">
<div className="flex items-center">
<div className="text-lg">Referendum</div>
<a
href={`https://polkadot.polkassembly.io/referenda/${referendumIndex}`}
className="ml-auto text-sm flex gap-2 items-center justify-center text-black rounded-md px-2 py-2 "
className="ml-auto flex items-center justify-center gap-2 rounded-md px-2 py-2 text-sm text-black "
target="_blank"
rel="noreferrer"
>
Expand All @@ -30,7 +30,7 @@ const ReferendumSummary = ({
</a>
</div>
<div className="flex items-center justify-center">
<div className="h-[150px] w-[300px] mt-3 ">
<div className="mt-3 h-[150px] w-[300px] ">
<CircularProgressbar
value={barValue}
circleRatio={0.5}
Expand All @@ -49,13 +49,13 @@ const ReferendumSummary = ({

<div className="flex">
<div className="flex flex-col">
<div className="text-[#0070EB] font-mono text-xl">
<div className="font-mono text-xl text-[#0070EB]">
{referendum.ayePercentage.mul(100).toFixed(1)}%
</div>
<div className="text-lg">Aye</div>
</div>
<div className="flex flex-col ml-auto">
<div className="text-[#FC9965] font-mono text-xl">
<div className="ml-auto flex flex-col">
<div className="font-mono text-xl text-[#FC9965]">
{referendum.nayPercentage.mul(100).toFixed(1)}%
</div>
<div className="text-lg">Nay</div>
Expand Down

0 comments on commit c9224a9

Please sign in to comment.